/* Add custom CSS styles below */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&display=swap');
body {
    background-color: #fff!important; /* لون الخلفية للجسم أبيض */
    font-family: "IBM Plex Sans Arabic", sans-serif;
}
/* ====== Header ====== */
.header-buttons .btn--rounded-gray {
    padding: 0;
    background: 0 0;
    color: #000; /* لون النص في الزر أسود */
}
header .flex.items-stretch.justify-between.relative .main-menu li>a{
  color:#000; /* لون روابط القائمة الرئيسية أسود */
}
header .sicon-menu{
  color:#fff; /* لون أيقونة القائمة أسود */
}
header .s-cart-summary-content {
    display: none;
}

.s-user-menu-trigger {
    background: 0 0;
}

header .sicon-menu {
    margin-right: 9px;
}

header .header-btn__icon {
    border: none;
}

header .header-btn__icon.icon.sicon-shopping-bag,header .header-btn__icon.sicon-user-circle {
    font-size: 0;
    margin-left: 0;
}
header .header-btn__icon.icon.sicon-shopping-bag,header .header-btn__icon.sicon-user-circle, header .search, header .header-buttons {
    background-color: #; /* لون خلفية الأيقونات أسود */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius:50%;
    margin-right: 5px;
    width: 2.5rem;
    height: 2.5rem;
}
header .header-btn{
      width: auto;
}
header .header-btn__icon.icon.sicon-shopping-bag:after {
    content: "";
    background: url(https://seekicon.com/free-icon-download/bag_3.svg) no-repeat center / cover;
    width: 38px;
    height: 38px;
    display: block;
}

header .header-btn__icon.sicon-user-circle:after {
    content: "";
    background: url(https://seekicon.com/free-icon-download/search_8.svg) no-repeat center / cover;
    display: block;
}
 .search svg{
      width: 26px;
      height: 26px;
    }
.search svg, header .header-btn__icon.sicon-user-circle:after {
      width: 25px;
      height: 25px;
    }
header salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {
    margin-right: 0;
}
body:lang(en) header salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {
    margin-left: 0;
}
#mainnav {
    height: auto!important;
    min-height: auto;
}
.main-nav-container {
    background-color: #F5F3EE !important; /* لون خلفية شريط التنقل الرئيسي أسود */
}

.navbar-brand img {
    max-height: 3.2rem;
}
.s-user-menu-trigger {
    background-color: transparent;
}
.s-cart-summary-count {
    background-color: transparent;
    top: -0.7rem;
    right: -0.2rem;
}
header .header-buttons .btn--rounded-gray span:nth-of-type(3), header .header-buttons .mx-1\.5{
  display:none;
}
header .header-btn__icon {
    height: auto;
    width: auto;
}
.top-navbar {
    display: none;
}
/* ====== End Header ====== */

/* ====== Sections ====== */
.main-menu>li>a[href*=offer]{
  color:#000; /* لون رابط العروض أسود */
}
.s-block.s-block--fixed-banner:first-of-type, .s-block--fixed-banner+.s-block--fixed-banner:nth-of-type(2){
  margin-top:0;
}
section.s-block.s-block--banners .s-block__title {
    justify-content: center;
    padding-top: 2rem;
}

section.s-block.s-block--fixed-banner .container {
    padding: 0;
}

section.s-block.s-block--fixed-banner .banner--fixed img {
    border-radius: 0;
    background: transparent;
}

.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0!important;
}

section.s-block.s-block--banners .s-block__title {
    justify-content: center;
}

section.s-block.s-block--banners .s-block__title h2, .s-slider-block__title h2 {
    font-size: 2rem;
    font-weight:600;
}
.s-block--banners:nth-of-type(21) .grid {
    justify-content: center;
}
.s-block--banners:nth-of-type(21) .banner-entry {
    padding: 0 2rem !important;
  }
.s-block.s-block--banners .grid {
    gap: 10px!important;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 55rem;
    margin: 0 auto;
    padding: 10px 15px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

::-webkit-scrollbar {
  display: none;
}

section.s-block.s-block--banners .grid .banner-entry {
    background-color: transparent;
    transition: all .5s ease;
    height: auto;
    padding: 0;
    flex: 0 0 25%;
}

section.s-block.s-block--banners .grid .banner-entry div {
    position: relative;
    padding-top: 100%;
}
section.s-block.s-block--banners .grid .banner-entry div {
    position: relative;
    padding-top: 100%;
}

section.s-block.s-block--banners .grid .banner-entry div::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%); /* تأثير اللمعان أبيض شفاف */
    transform: skewX(-25deg);
}

section.s-block.s-block--banners .grid .banner-entry div:hover::before {
    animation: shine .75s;
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
/* ====== End Sections ====== */
/* ====== English Section ====== */
.s-block--fixed-banner+.s-block--fixed-banner:nth-of-type(2), section.s-block.s-block--banners:nth-of-type(4), .s-block.s-block--fixed-banner:nth-of-type(6), .s-block.s-block--fixed-banner:nth-of-type(10), .s-block.s-block--fixed-banner:nth-of-type(14), .s-block.s-block--fixed-banner:nth-of-type(18){
  display:none;
}

body:lang(en) .s-block--fixed-banner+.s-block--fixed-banner:nth-of-type(2), body:lang(en) section.s-block.s-block--banners:nth-of-type(4), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(6), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(10), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(14), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(18){
  display:block;
}
body:lang(en) .s-block.s-block--fixed-banner:first-of-type, body:lang(en) section.s-block.s-block--banners:nth-of-type(3), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(5), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(9), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(13), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(17){
  display:none;
}
body:lang(ar) #best-offers-7-slider, body:lang(ar) #best-offers-11-slider, body:lang(ar) #best-offers-15-slider, body:lang(ar) #best-offers-19-slider{
  display:none;
}
body:lang(en) #best-offers-6-slider, body:lang(en) #best-offers-10-slider,  body:lang(en) #best-offers-14-slider,  body:lang(en) #best-offers-18-slider{
  display:none;
}
.s-slider-block__title h2:where([dir="ltr"], [dir="ltr"] *), .s-slider-block__title-right:where([dir="ltr"], [dir="ltr"] *){
      padding-right: 0;
}
/* ====== End English Section ====== */
/* ====== Colored Section ====== */
#best-offers-6-slider, #best-offers-7-slider{
  background: #E8E8E8; /* لون الخلفية رمادي فاتح */
}
.s-block.s-block--best-offers {
    margin-top: 0;
}
.s-block.s-block--best-offers .swiper-wrapper{
      justify-content: center;
}
#best-offers-10-slider, #best-offers-11-slider{
  background: #333; /* لون الخلفية رمادي داكن */
}
#best-offers-10-slider .s-product-card-content-footer .s-button-primary-outline , #best-offers-11-slider .s-product-card-content-footer .s-button-primary-outline {
    background: #E8E8E8; /* لون خلفية الزر رمادي فاتح */
}
#best-offers-14-slider, #best-offers-15-slider{
  background: #CCCCCC; /* لون الخلفية رمادي متوسط */
}
#best-offers-18-slider, #best-offers-19-slider{
  background: #E8E8E8; /* لون الخلفية رمادي فاتح */
}
#best-offers-10-slider .s-product-card-price, #best-offers-10-slider .s-product-card-content-title a, #best-offers-10-slider .s-slider-block__title, #best-offers-11-slider .s-product-card-price, #best-offers-11-slider .s-product-card-content-title a, #best-offers-11-slider .s-slider-block__title{
  color:#fff; /* لون النصوص أبيض */
}

/* ====== End Colored Section  ====== */
/* ====== Product card ====== */
.s-slider-block__title-left{
  display:none;
}
.s-product-card-content-title a, .s-product-card-price {
    text-align: center;
    font-size: 1.5rem;
    color: #000; /* لون عنوان المنتج وسعره أسود */
}

.s-product-card-content-sub,.s-product-card-content-subtitle {
    justify-content: center;
    text-align: center;
}

.s-product-card-content-footer .s-button-primary-outline {
    background: #000; /* لون خلفية زر المنتج أسود */
    border: none;
    color: #fff; /* لون نص زر المنتج أبيض */
}

.s-product-card-content-footer .s-button-primary-outline .s-button-text i {
    display: none;
}


.s-product-card-content-footer .s-button-primary-outline:before {
     margin-inline: 5px;
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/b27d7917-b612-41a1-807f-496377b9fea5.svg) no-repeat center / cover;
    width: 20px;
    height: 20px;
}
.s-product-card-entry{
  background-color: transparent;
}
.s-product-card-image {
    background-color: transparent;
  }
.s-slider-block__title h2,.s-slider-block__title-right,.s-block__title .right-side{
    padding-left: 0!important;
}
.s-block--best-offers .carousel-slider .swiper{
      padding: 1.5rem 3rem;
}
.s-slider-block__title {
    flex-direction: column;
    justify-content: center;
    color: #000; /* لون عنوان شريط التمرير أسود */
}
.s-slider-block__title {
    margin-bottom: 0;
    margin-top: 1rem;
}
/* ====== End product card ====== */

/* ====== Accordion ====== */
.index .accordion-section {
  margin: 2rem auto;
  padding: 10px 15px;
  max-width: 60rem;
}

.section-title,.s-reviews-header {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    color: #000; /* لون عنوان القسم ورأس المراجعات أسود */
}

.section-sub {
    font-size: 1.1rem;
    font-weight: 400;
    text-align: center;
    margin-top:5px;
    color: #333; /* لون النص الفرعي رمادي داكن */
}
.accordion {
  direction: rtl;
  padding-top:10px;
}
.accordion-button {
  cursor: pointer;
  width: 100%;
  text-align: right;
  transition: background-color 0.3s, color 0.3s;
  color: #000; /* لون نص زر الأكورديون أسود */
  font-size: .9rem;
  display: flex;
  justify-content: space-between;
  align-items:center;
  transition: all 0.3s ease-out;
}
body:lang(en) .accordion-button, body:lang(en) .accordion-content p{
  direction: ltr;
}
.index .accordion-button {
  padding: 10px 15px;
  background: #000; /* لون خلفية زر الأكورديون أسود */
  margin-bottom: 10px;
  border-radius:15px;
  color:#fff; /* لون نص زر الأكورديون أبيض */
}

.accordion-button.active {
  opacity:0.75;
}

.accordion-button .icon {
  font-size: 20px;
  margin-left: 10px;
}

.accordion-content {
  background-color: #fff; /* لون خلفية محتوى الأكورديون أبيض */
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  padding-left: 18px;
  padding-right: 18px;
}

.accordion-content p {
  margin: 10px 0 18px;
  color: #333; /* لون نص محتوى الأكورديون رمادي داكن */
}

/* product-single accordion */
.product-single .accordion-button{
  border-bottom:1px solid #E8E8E8; /* لون خط الحدود رمادي فاتح */
  padding: 8px 15px;
}
.product-single .accordion-section {
  margin-bottom: 1rem;
}
.product-single .accordion-button {
  font-weight:500;
}
/* ====== End Accordion ====== */

/* ====== Testimonial ====== */

.s-reviews-header-wrapper {
    justify-content: center;
}

.s-reviews-testimonial__icon,.s-reviews-testimonial__avatar {
    display: none;
}

.s-reviews-testimonial {
    background-color: #fff!important; /* لون خلفية الشهادة أبيض */
}

.s-reviews-testimonial__text p {
    text-align: center;
    color: #333; /* لون نص الشهادة رمادي داكن */
}
.s-reviews-testimonial__text {
    flex-direction: column-reverse;
}
.s-reviews-testimonial__rating {
    margin-left: 0;
    order: -1;
}
/* ====== End Testimonial ====== */
/* ====== Footer ====== */

.footer-is-light .store-footer {
    background-color: #000; /* لون خلفية تذييل المتجر أسود */
    margin-left: 13px;
    margin-right: 13px;
    border-top-right-radius: 30px!important;
    border-top-left-radius: 20px!important;
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: #000; /* لون خلفية الجزء الداخلي لتذييل المتجر أسود */
    color: #fff; /* لون النص في الجزء الداخلي لتذييل المتجر أبيض */
    border-top-right-radius: 30px!important;
    border-top-left-radius: 30px!important;
}
footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {
    content: "";
    background: url() center / contain no-repeat;
    display: block;
    max-width: 4rem;
    height: 4rem;
}
.store-footer a.flex.items-center.m-0 h3 {
    display: none;
}
.store-footer a .unicode {
    display: none;
}

.s-contacts-icon:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
}

.footer-is-light .store-footer .contact-social {
    margin: 0;
}

.store-footer__inner .s-contacts-list {
    display: flex;
    align-items: center;
    border: none;
    margin-top: 0;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 8px;
}

.footer-is-light .store-footer .contact-social {
    border: none;
}

.store-footer a.flex.items-center.m-0 h3 {
    display: none;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div h3 {
    display: none;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div a {
    margin-bottom: 0;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div:first-of-type a i,.store-footer__inner .container:first-of-type div:nth-of-type(3) div a i {
    color: #fff; /* لون أيقونات الروابط أبيض */
    transition: all .3s ease;
    font-size: 18px;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div a,.s-contacts-icon {
    border: none;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div a:hover {
    opacity: .6;
}

.store-footer p.max-w-sm.leading-6.mb-6 {
    padding-top: 1rem;
    max-width: 100%;
    color: #fff; /* لون النص في تذييل المتجر أبيض */
}

.store-footer h3,footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {
    color: #fff; /* لون العناوين في تذييل المتجر أبيض */
}

.s-contacts-icon svg,.s-social-link a svg {
    height: 1.2rem;
    width: 1.2rem;
    fill: #fff; /* لون أيقونات التواصل الاجتماعي أبيض */
}

.s-contacts-icon,footer .s-social-link a {
    height: 100%;
    width: 100%;
    padding: 10px;
}

/* ====== End Footer ====== */
/* ====== Product Page ====== */

#btn-show-more {
    display: none;
}
.product-single h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
    margin-bottom: 0;
    color: #000; /* لون عنوان المنتج في صفحة المنتج أسود */
}

.product-single .description-div {
    padding-bottom: 20px;
}

.product-single .product__description {
      padding: 0;
}
.main-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.s-product-card-content-sub,.s-product-card-content-subtitle {
    justify-content: center;
    text-align: center;
}

.s-comments-product {
    background: #fff; /* لون خلفية قسم التعليقات أبيض */
}

.s-comments-item {
    background: #E8E8E8; /* لون خلفية عناصر التعليقات رمادي فاتح */
    padding: 15px!important;
}
.click{
  font-weight:600;
  color:#000; /* لون نص "Click" أسود */
}
/* ====== End Product Page ====== */
/* ====== Media Queries ====== */

@media(max-width: 768px) {
.s-block--banners:nth-of-type(21) .s-block__title {
    margin: 0;
}
.s-products-slider-card {
    max-width: 50%;
    }
    .s-block--best-offers .carousel-slider .swiper {
    padding: 1.5rem 1rem;
}
.s-product-card-content {
    padding: 0.75rem 0;
}
.product-single .main-content small, .product-single .main-content h1, .product-single .main-content>h2, .product-single .main-content>.flex.whitespace-nowrap.gap-4.items-center {
        text-align: center;
        justify-content: center;
        width: 100%;
        color: #000; /* لون النصوص في صفحة المنتج للأجهزة الصغيرة أسود */
    }
.navbar-brand img {
    max-height: 2.5rem;
}

    .s-block.s-block--banners .grid .banner-entry {
        flex: 0 0 50% !important;
    }
   header .header-btn__icon.icon.sicon-shopping-bag:after  {
      width: 23px;
      height: 23px;
    }
    .search svg{
      width: 22px;
      height: 22px;
    }
      .search svg, header .header-btn__icon.sicon-user-circle:after {
      width: 20px;
      height: 20px;
    }
    header .header-btn__icon.icon.sicon-shopping-bag,header .header-btn__icon.sicon-user-circle, header .search, header .header-buttons {
    width: 2rem;
    height: 2rem;
    }
    .store-footer .contact-social {
        padding: 0;
    }

    .store-footer__inner .s-contacts-list {
        justify-content: center;
    }

 /* لون العناوين والأسعار في تذييل المتجر للأجهزة الصغيرة أبيض */
    }
    .store-footer p.max-w-sm.leading-6.mb-6, .product-single .s-product-card-content-title a{
        font-size: 1rem;
        color: #fff; /* لون النصوص في تذييل المتجر وصفحة المنتج للأجهزة الصغيرة أبيض */
    }

    section.s-block.s-block--banners .s-block__title h2:after,section.s-block.s-block--fixed-banner:nth-of-type(8) .container:after,.section-sub, .s-menu-footer-item {
        font-size: .9rem;
        color: #fff; /* لون النصوص الفرعية والقائمة السفلية للأجهزة الصغيرة رمادي داكن */
    }

    .md\:flex.items-center.justify-between.py-4.container.text-center {
        display: flex;
        flex-direction: column-reverse;
    }

    .copyright-text p {
        padding-top: 15px;
        color: #fff; /* لون نص حقوق النشر أبيض */
    }

header .sicon-menu {
  color: #fff; /* يمكنك تغيير هذا اللون إلى أي لون تريده، مثلاً #fff للأبيض */
}

/* لون اسم المنتج وسعره */
.s-product-card-content-title a,
.s-product-card-price {
    font-size: 1.1rem;
    color: #000; /* لون اسم المنتج وسعره بالأسود */
}

/* لون عناوين التذييل والنص الموجود قبل العنصر */
.store-footer h3,
footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {
    font-size: 1.1rem; /* تم الحفاظ على حجم الخط هنا لضمان عدم وجود تغيير غير مقصود */
    color: #fff; /* لون عناوين التذييل باللون الأبيض */
}

    .footer-is-light .store-footer .store-footer__inner {
        padding-bottom: 0;
    }

    .inner.bg-inherit .container .flex.items-stretch.justify-between.relative .flex.items-center .navbar-brand {
        margin: .5rem 26%!important;
    }

    section.s-block.s-block--banners .s-block__title h2,  section.s-block.s-block--banners .s-block__title h2, .s-slider-block__title h2, .section-title, .s-reviews-header {
        font-size: 1.5rem;
        color: #000; /* لون العناوين الرئيسية للأجهزة الصغيرة أسود */
    }

    footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {
        margin: 0 auto;
    }

    .footer-is-light .store-footer .store-footer__inner,.store-footer a,footer .flex.rtl\:space-x-reverse.space-x-2.items-end,.s-social-list {
        text-align: center;
        justify-content: center;
    }

}
@media (min-width: 1024px) {
.s-block.s-block--best-offers .swiper-wrapper {
   justify-content: center;
}
    .navbar-brand {
        order: -1;
    }
    .s-block.s-block--banners .grid {
    justify-content:center;
    }
    .main-menu li>a {
        font-size: 1.1rem;
        color: #000; /* لون روابط القائمة الرئيسية للشاشات الكبيرة أسود */
      }
}

.s-product-card-content-title a {
    text-align: center; /* هذا الكود يقوم بتوسيط النص */
}

header .sicon-menu {
    color: #000 !important; /* لون أيقونة القائمة الجانبية بالأسود */
}

.s-products-slider-card {
    max-width: 42% !important; /* تقليل العرض */
}

@media (max-width: 768px) {
    .s-products-slider-card {
        max-width: 48% !important; /* للجوال */
    }
}

.s-product-card-content-title a, 
.s-product-card-price, 
.s-product-card-content-sub, 
.s-product-card-content-subtitle {
    font-weight: 400 !important; /* كانت 600 مثلاً، الآن أرفع تنحيفاً */
}

.s-product-card-content-title a, 
.s-product-card-price {
    font-size: 1.3rem !important; /* كانت 1.5rem */
}

@media (max-width: 768px) {
    .s-product-card-content-title a, 
    .s-product-card-price {
        font-size: 1rem !important;
    }
}

.s-product-card-content-footer {
    padding: 5px 0 !important;
    margin-top: 5px !important;
}

.s-product-card-content {
    padding: 0.5rem 0 !important;
}

@media (max-width: 768px) {
    .s-product-card-content-footer .s-button-primary-outline {
        font-size: 0.75rem !important;
        padding: 5px 8px !important;
    }

    .s-product-card-content-footer .s-button-primary-outline:before {
        width: 14px !important;
        height: 14px !important;
    }
}
.s-products-slider-card {
    max-width: 48% !important;
    margin: 0 1% 20px !important;
}

.s-product-card-content-title a,
.s-product-card-price {
    font-size: 1rem !important;
    font-weight: 400 !important;
    text-align: center;
    color: #000 !important;
    line-height: 1.4;
    margin-top: 5px;
}
.s-product-card-content-subtitle {
    font-size: 0.9rem !important;
    text-align: center;
    color: #666 !important;
}

.s-product-card-content-footer .s-button-primary-outline {
    width: 100% !important;
    height: 40px !important;
    border-radius: 0 !important;
    background-color: #000 !important;
    color: #fff !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0 10px !important;
    margin-top: 10px;
    border: none !important;
}
@media (max-width: 768px) {
    .s-products-slider-card {
        max-width: 48% !important;
    }

    .s-product-card-content-footer .s-button-primary-outline {
        height: 36px !important;
        font-size: 0.75rem !important;
    }

    .s-product-card-content-footer .s-button-primary-outline:before {
        width: 16px;
        height: 16px;
    }
}

.s-product-card-content-title a::after {
    content: "★★★★★";
    display: block;
    text-align: center;
    font-size: 14px;
    color: #c89c4f; /* ذهبي */
    margin-top: 4px;
    letter-spacing: 1px;
}

.s-block__title,
.s-block__title h2,
.section-title {
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
}

.s-slider-block__title,
.s-slider-block__title h2 {
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
}

/* ==== وصف المنتج: تنسيق عام ==== */
.product-single .product__description,
.product-single .description-div {
  padding: 1.5rem 1rem;
  background-color: #fdfdfb;
  border-radius: 12px;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  line-height: 1.8;
  color: #333;
  font-size: 1rem;
}

/* ==== العنوان داخل الوصف ==== */
.product-single .product__description h2,
.product-single .description-div h2 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #2d2d2d;
  margin-bottom: 1rem;
  text-align: right;
}

/* ==== الفقرات النصية العادية ==== */
.product-single .product__description p,
.product-single .description-div p {
  margin-bottom: 1rem;
  font-size: 0.95rem;
  color: #444;
}

/* ==== الملاحظات أو التنبيهات داخل الوصف ==== */
.product-single .product__description p.warning,
.product-single .description-div p.warning {
  color: #c62828;
  font-weight: 600;
  font-size: 0.9rem;
  background: #fff3f3;
  border-right: 4px solid #e53935;
  padding: 8px 12px;
  border-radius: 6px;
  margin-bottom: 1rem;
}

/* ==== روابط داخل الوصف ==== */
.product-single .product__description a,
.product-single .description-div a {
  color: #21679D;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.3s ease;
}
.product-single .product__description a:hover,
.product-single .description-div a:hover {
  color: #174a72;
}

/* ==== عناصر وسط النص (توضيح أو رموز أو ملاحظة جانبية) ==== */
.product-single .product__description .note,
.product-single .description-div .note {
  display: inline-block;
  background: #f1f1f1;
  padding: 6px 10px;
  font-size: 0.85rem;
  color: #666;
  border-radius: 4px;
  margin-top: 6px;
}

/* ==== المحاذاة حسب اللغة ==== */
body:lang(en) .product__description,
body:lang(en) .description-div {
  text-align: left;
  direction: ltr;
}
body:lang(ar) .product__description,
body:lang(ar) .description-div {
  text-align: right;
  direction: rtl;
}

/* زر أضف تقييمك */
#add-review-btn {
    display: block;
    margin: 1rem auto;
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
}

/* تحسين عرض آراء العملاء */
.s-comments-item {
    background: #fff;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #eee;
}

.s-comments-item .s-comment-header {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 5px;
}

.s-comments-item .s-comment-body {
    font-size: 0.95rem;
    color: #333;
}

.s-comments-item .s-rating-stars {
    color: #c89c4f;
    margin-bottom: 8px;
}

/* ===== زر تفاصيل المنتج داخل الكروت ===== */
.view-desc-btn {
  background-color: #000;
  color: #fff;
  font-size: 0.75rem;
  padding: 6px 14px;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 8px;
}

.view-desc-btn:hover {
  background-color: #222;
}

/* ===== وصف المنتج المنبثق ===== */
.view-desc-tooltip {
  display: none;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #333;
  font-size: 0.85rem;
  padding: 10px;
  margin-top: 6px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  max-width: 240px;
  line-height: 1.6;
}

/* ===== زر أضف تقييمك ===== */
.add-review-button {
  display: block;
  margin: 2rem auto;
  background-color: #000;
  color: #fff;
  font-size: 1rem;
  padding: 12px 30px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
}

.add-review-button:hover {
  opacity: 0.85;
}

/* ===== تنسيق آراء العملاء ===== */
.product-single .s-comments-item {
  background: #f5f5f5;
  border: 1px solid #eee;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 10px;
}

.product-single .s-comments-item .s-rating-stars {
  color: #c89c4f; /* لون النجوم ذهبي */
  margin-bottom: 10px;
}

.product-single .s-comments-item .s-comment-header {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 1rem;
  color: #000;
}

.product-single .s-comments-item .s-comment-body {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
}

.swal2-container,
.swal2-toast,
.swal2-popup {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* العناوين الفرعية تحت أقسام المنتجات */
.s-block--banners .s-block__title .section-sub {
  font-size: 1.1rem;
  font-weight: 400;
  color: #555;
  text-align: center;
  margin-top: 0.4rem;
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .s-block--banners .s-block__title .section-sub {
    font-size: 1rem;
    margin-top: 0.3rem;
  }
}

/* إظهار العنوان الفرعي الجديد داخل أقسام المنتجات */
.s-block__title {
  display: block !important; /* جعل العنوان حاوية طبيعية */
  text-align: center !important;
}

.s-block__title h2 {
  margin-bottom: 0.2rem;
}

.s-block__title .section-sub {
  font-size: 1rem;
  font-weight: 400;
  color: #555;
  margin-top: 0.2rem;
}

.promo-bar {
  background-color: #f3f3eb;
  color: #000;
  font-size: 1rem;
  text-align: center;
  padding: 10px 15px;
  font-weight: 500;
  border-bottom: 1px solid #f3f3eb;
}

@media (max-width: 768px) {
  .main-nav-container::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
    z-index: 10;
    width: 120px;
    height: 36px;
    background-image: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ePqadq/n0F8RCYYme6y1RrtjeyM6YyCsUHHVJ8gRlgMNNad.png"); /* ← ضع رابط الشعار هنا */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .main-nav-container {
    position: relative;
  }
}
.navbar-brand {
  display: none !important;
}
.main-nav-container {
  min-height: 50px !important; /* يمكنك تعديل القيمة حسب رغبتك */
}
.promo-bar {
  background-color: #f3f3eb;
  color: #000;
  font-size: 1rem;
  text-align: center;
  padding: 10px 15px;
  font-weight: 500;
  border-bottom: 1px solid #e0e0e0;
}

.promo-bar strong {
  color: #c62828;
  font-weight: 700;
  letter-spacing: 1px;
}
@media (max-width: 768px) {
  /* تكبير حجم السلة والبحث */
  header .header-btn__icon {
    width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
  }

  header .header-btn__icon:after,
  .search svg {
    width: 24px !important;
    height: 24px !important;
  }

  /* المسافة بين أيقونة السلة والبحث */
  .header-buttons {
    display: flex;
    gap: 12px !important; /* ← المسافة بين السلة والبحث */
    align-items: center;
  }
}
.promo-bar {
  background-color: #f3f3eb !important; /* نفس خلفية body والهيدر */
  color: #000;
  font-size: 1rem;
  text-align: center;
  padding: 10px 15px;
  font-weight: 500;
  border: none;
}

.main-nav-container {
  margin-bottom: 0 !important;
}

.promo-bar {
  margin-top: 0 !important;
}

.story-section {
  max-width: 750px;
  margin: 2rem auto;
  padding: 1.5rem;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  direction: rtl;
  line-height: 2;
  text-align: center;
  color: #333;
}

.story-section h2 {
  font-size: 1.3rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 1rem;
}

.story-section p {
  font-size: 1rem;
  text-align: center;
  padding: 0 10px;
}


/* جعل التذييل يغطي عرض الشاشة بالكامل */
.store-footer {
  width: 100vw !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 1.5rem 1rem !important;
  background-color: #000 !important;
  color: #fff !important;
}

/* تقليل الفراغات داخل التذييل */
.store-footer__inner {
  padding: 0 !important;
  margin: 0 auto !important;
  background-color: #000 !important;
  text-align: center !important;
}

/* تصغير المسافات بين الفقرات */
.store-footer p,
.store-footer h3,
.store-footer a {
  margin: 0.3rem 0 !important;
  font-size: 0.9rem !important;
  color: #fff !important;
  line-height: 1.6 !important;
}

/* الأيقونات الاجتماعية */
.store-footer .s-contacts-list {
  margin: 0.8rem auto !important;
  gap: 10px !important;
  justify-content: center;
}

/* حجم الأيقونات */
.s-contacts-icon svg,
.s-social-link a svg {
  width: 22px !important;
  height: 22px !important;
  fill: #fff !important;
}

/* إلغاء أي حواف داخلية زائدة */
.footer-is-light .store-footer .container,
.footer-is-light .store-footer .store-footer__inner .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ضبط قسم الأسئلة الشائعة فقط بدون التأثير على كروت أو بطاقات المنتجات */
.accordion-section {
  margin: 0 auto !important;
  padding: 1.5rem 1rem !important;
  max-width: 100% !important;
  background-color: #f3f3eb !important;
  border: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  clear: both;
  border-radius: 0;
}

/* تنسيق داخلي فقط للعناصر داخل قسم الأسئلة الشائعة */
.accordion-section * {
  box-sizing: border-box;
}

/* إخفاء قسم آراء العملاء */
.s-block--testimonials,
.s-reviews,
.s-reviews-header,
.s-reviews-testimonial {
  display: none !important;
}

.instagram-section .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  max-width: 960px;
  margin: 0 auto;
}

.instagram-section img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  border-radius: 7px;
  transition: transform 0.3s ease;
}

.instagram-section img:hover {
  transform: scale(1.03);
  cursor: pointer;
}

/* للجوال */
@media (max-width: 768px) {
  .instagram-section .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.instagram-section {
  margin-bottom: 2.5rem; /* مسافة فاصلة أسفل القسم */
}

@media (max-width: 768px) {
  .instagram-section {
    margin-bottom: 2rem; /* للجوال */
  }
}
salla-trust-badges {
    display: none !important;
}
/* ================================================= */
/* 🚀 كود إلغاء إخفاء البانرات وأقسام العروض فقط */
/* (لإعادة إظهار الأقسام التي تم إخفاؤها مسبقًا بالـ nth-of-type و body:lang) */
/* ================================================= */

/* إلغاء إخفاء البانرات المحددة للأجهزة غير العربية */
.s-block--fixed-banner+.s-block--fixed-banner:nth-of-type(2), 
section.s-block.s-block--banners:nth-of-type(4), 
.s-block.s-block--fixed-banner:nth-of-type(6), 
.s-block.s-block--fixed-banner:nth-of-type(10), 
.s-block.s-block--fixed-banner:nth-of-type(14), 
.s-block.s-block--fixed-banner:nth-of-type(18) {
  display: block !important;
}

/* إلغاء إخفاء البانرات المحددة للغة العربية */
body:lang(ar) .s-block.s-block--fixed-banner:first-of-type, 
body:lang(ar) section.s-block.s-block--banners:nth-of-type(3), 
body:lang(ar) .s-block.s-block--fixed-banner:nth-of-type(5), 
body:lang(ar) .s-block.s-block--fixed-banner:nth-of-type(9), 
body:lang(ar) .s-block.s-block--fixed-banner:nth-of-type(13), 
body:lang(ar) .s-block.s-block--fixed-banner:nth-of-type(17) {
  display: block !important;
}

/* إلغاء إخفاء أقسام العروض (Best Offers) المحددة بالرقم للغة العربية */
body:lang(ar) #best-offers-7-slider, 
body:lang(ar) #best-offers-11-slider, 
body:lang(ar) #best-offers-15-slider, 
body:lang(ar) #best-offers-19-slider {
  display: block !important;
}

/* إلغاء إخفاء أقسام العروض (Best Offers) المحددة بالرقم للغة الإنجليزية */
body:lang(en) #best-offers-6-slider, 
body:lang(en) #best-offers-10-slider,  
body:lang(en) #best-offers-14-slider,  
body:lang(en) #best-offers-18-slider {
  display: block !important;
}
/* 🚀 كود إخفاء أيقونة الواتساب المعلقة */
#smartwats--btn {
    display: none !important;
}

/* أو يمكنك استهداف الكلاس الرئيسي إذا لم يعمل الـ ID */
/* .btn-smartwats-pulse-border {
    display: none !important;
} */

/* 🚀 كود إلغاء إخفاء شعار المتجر */

/* 1. إلغاء إخفاء عنصر الشعار الأصلي على جميع الأجهزة */
.navbar-brand {
    display: block !important; /* لإظهار عنصر الشعار الأصلي */
    margin: 0 !important; /* لإلغاء أي تباعد غير مرغوب */
}

/* 2. إلغاء إخفاء الصورة المخصصة التي تم إضافتها للشعار على الجوال */
@media (max-width: 768px) {
  .main-nav-container::after {
    content: none !important; /* إلغاء الصورة المضافة بالشعار على الجوال */
    display: none !important;
  }
}

/* 3. إلغاء إخفاء اسم المتجر بجانب الشعار في التذييل */
.store-footer a.flex.items-center.m-0 h3 {
    display: block !important;
}

/* 4. إلغاء الإخفاء في الجوال (في حال كان هناك كود إخفاء داخلي) */
.inner.bg-inherit .container .flex.items-stretch.justify-between.relative .flex.items-center .navbar-brand {
    margin: auto !important;
    order: 0 !important; /* لإلغاء أي إعادة ترتيب */
}

/* 5. إلغاء إخفاء الشعار في صفوف التذييل إذا كان مخفيًا بشكل غير مباشر */
footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {
    content: none !important;
    display: none !important;
}
/* 🚀 كود توسيط الشعار وتكبيره في الهيدر */

/* 1. استهداف حاوية الشعار وتغيير حجمه */
.navbar-brand img {
    /* تحديد حجم أكبر للشعار، يمكنك تعديل القيم */
    max-height: 4rem !important; /* يكبر الشعار لارتفاع 4rem */
    width: auto !important; /* للحفاظ على نسبة العرض */
    margin: 0 auto !important; /* التوسيط الذاتي داخل الحاوية */
}

/* 2. توسيط الشعار في الهيدر (على شاشات الكمبيوتر/التابلت) */
/* يفترض أن الشعار داخل عنصر اسمه navbar-brand */
@media (min-width: 1024px) {
    header .container .flex.items-stretch.justify-between.relative {
        /* جعل الأيقونات والقائمة والشعار في المنتصف */
        justify-content: center !important;
    }
    
    /* توسيط الشعار بالنسبة لبقية العناصر في الهيدر */
    .navbar-brand {
        order: 2 !important; /* يضع الشعار في المنتصف (حسب ترتيب العناصر) */
        flex-grow: 1 !important; /* يجعله يأخذ مساحة أكبر للمساعدة في التوسيط */
        text-align: center !important; /* لتوسيط المحتوى داخله */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* إعادة ترتيب عناصر القائمة والبحث والسلة ليبقى الشعار في المنتصف */
    header .flex.items-center:first-of-type {
        order: 1 !important; /* الجزء الأيمن */
    }
    header .header-buttons {
        order: 3 !important; /* الجزء الأيسر */
    }
}

/* 3. تعديل حجم الشعار على الجوال */
@media (max-width: 768px) {
    .navbar-brand img {
        max-height: 3.5rem !important; /* حجم أكبر على الجوال */
    }
    
    /* التأكد من أن التوسيط المخصص للشعار على الجوال غير معطل */
    /* إذا كنت تستخدم كود إخفاء navbar-brand وكود إظهار صورة مخصصة في الـ ::after، فستحتاج لتعديل الكود الذي أظهرته سابقًا: */
    /* .main-nav-container::after { 
        width: 140px !important; /* تكبير عرض الشعار المخصص للجوال 
        height: 40px !important; /* تكبير ارتفاع الشعار المخصص للجوال 
        /* ... باقي الخصائص ... */
    /* } */
}

/* هذا الكود للتأكد من أن الصور تملأ الحاوية بأفضل شكل ممكن */
section.s-block.s-block--fixed-banner .banner--fixed img,
.s-block.s-block--banners .grid .banner-entry img {
    /* يضمن أن الصورة تغطي المساحة المخصصة لها دون تشوه 
    * (قد يقطع جزءاً من الصورة إذا لم تتناسب نسبتها)
    */
    object-fit: cover !important; 
    
    /* يمكن تجربة هذه الإضافة لتزيد من حدة الصورة قليلاً: */
    /* filter: contrast(1.03); */
}