/* Add custom CSS styles below */ 
/* ------start---heade------ */
header.store-header.canvas-store-header.fixed.top-0.w-full.z-50 {
    box-shadow: 0px 4px 4px 0px #00000040;
      background-color: #F7F9FF !important;
}

@media (min-width: 991px) {
    .navbar-brand img {
        max-width: 120px;
         max-height: 120px;
    }
}
.navbar-brand{
  padding-block: 0 !important;
}
body{
  background-color: #F7F9FF !important;
}



.canvas-store-header .header-btn__icon{
  color: #C1972E !important;
}
.canvas-store-header custom-main-menu .mobile-menu .main-menu{
  gap: 65px !important;
}

.s-product-card-entry .s-product-card-content .s-product-card-content-main .s-product-card-content-title a{
text-align: center;  
  margin: 20px 0;
}

.canvas-banner {
    width: 100% !important;
    height: 650px !important;
    position: relative;
    overflow: hidden;
}

.canvas-banner > div:first-child {
    position: absolute;
    inset: 0;
}

.canvas-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}


/* Tablet */
@media (max-width: 991px) {
    .canvas-banner {
        height: 500px !important;
    }
}


/* Mobile */
@media (max-width: 1024px) {
    .canvas-banner {
        height: auto !important;
        aspect-ratio: 1024 / 792;
    }

    .canvas-banner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill !important;
        object-position: center !important;
    }
}


/* Small Mobile */
@media (max-width: 480px) {
    .canvas-banner {
        aspect-ratio: 1024 / 792;
    }
}




.canvas-store-header custom-main-menu .mobile-menu .main-menu li a{
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #0B1F1B !important;
}
.flex.items-stretch.justify-between.relative.py-4 {
    padding-block: 0 !important;
}


.w-20.h-20.sm\:w-24.sm\:h-24.md\:w-28.md\:h-28.rounded-full.overflow-hidden.border-3.border-white.shadow-sm.group-hover\:border-brand-accent.transition-all.duration-300.mb-3 {
    width: 220px;
    height: 260px;
    background-color: transparent;
    box-shadow: none;
    border-radius:0 !important;


}
@media(max-width: 479px) {
  .w-20.h-20.sm\:w-24.sm\:h-24.md\:w-28.md\:h-28.rounded-full.overflow-hidden.border-3.border-white.shadow-sm.group-hover\:border-brand-accent.transition-all.duration-300.mb-3 {
    width: 130px;
    height: 130px;
}
}
.s-slider-block__title h2,h1.s-reviews-header
{
  font-size: clamp(25px, 3vw, 32px) !important;
  font-weight: blod !important;
  color: #0B1F1B !important;
  text-align: start !important;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background-color: #C1972E !important;
    color: white !important;
}
.s-product-card-entry {
  border-radius: 16px !important;
}

.s-product-card-entry .s-product-card-content .s-product-card-content-main .s-product-card-content-title a {
    color: #0B1F1B;
    font-size: 20px !important;
    font-weight: 600;
    margin-bottom: 5px;
}
.s-product-card-entry .s-product-card-content-sub h4.s-product-card-price {
    color: #133730 !important;
    font-size: 24px !important;
    font-weight: bold;
}
.banner--fixed img {
  border-radius: 0 !important;
}
summary.flex.justify-between.items-center.p-5.cursor-pointer.text-lg.font-bold.hover\:bg-\[--bg-color\].transition.select-none {
    background-color: #C1972E87;
    border-radius: 10px !important;
}
.px-6.pb-5.text-sm.md\:text-base.leading-relaxed {
    background-color: #C1972E87;
    padding: 1.5rem;
    transition: .3s ease-in-out;
}
summary.flex.justify-between.items-center.p-5.cursor-pointer.text-lg.font-bold.hover\:bg-\[--bg-color\].transition.select-none {
    border-radius: 10px 10px 0 0 !important;
    transition: .3s ease-in-out;
}
p.opacity-80.text-\[18px\] {
    display: none;
}
h2.text-\[28px\].font-bold.mb-2.text-center {
    text-align: start;
}
.s-reviews-testimonial {
    background-color: #133730;
    color: white;
    border-radius: 16px !important;
}

.store-footer__inner.canvas-store-footer__inner {
    background-color: #E9ECFA !important;
    color: #0D0C1A !important;
}
.flex.md\:flex-row.flex-col.items-center.justify-between.py-4.container.text-center.gap-2 {
    border-top: 1px solid #1337303D;
}
.canvas-store-footer .canvas-footer-wave-shape {
  display: none !important;
}
.canvas-store-footer .canvas-store-footer__inner salla-social .s-social-list .s-social-link a {
  background-color: #133730 !important;
  opacity: 1 !important;
  svg{
    transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  &:hover{
    background-color: white !important;
    scale: 1.1;
  }
  &:hover svg {
    fill: #133730 !important;
    scale: 1.1;
  }
}

.s-social-link a svg {
    fill: white;
}
.canvas-store-footer .canvas-store-footer__inner salla-social .s-social-list{
  gap:10px !important;
}
.s-reviews-testimonial__avatar{
   width: 68px !important;
  height: 68px !important; 
}
/*========icon===whatsapp=====  */
.whatsapp-float-btn {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 40px;
      right: 40px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
      z-index: 99999; 
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: transform 0.3s ease, background-color 0.3s ease;
  }
  .whatsapp-float-btn:hover {
      transform: scale(1.1);
      background-color: #1ebe57;
  }
  .whatsapp-float-btn svg {
      width: 35px;
      height: 35px;
      fill: #FFF;
  }
  
  
  @media screen and (max-width: 767px) {
      .whatsapp-float-btn {
          width: 50px;
          height: 50px;
          bottom: 20px;
          right: 20px;
      }
      .whatsapp-float-btn svg {
          width: 28px;
          height: 28px;
      }
  }

.s-breadcrumb-item a,.s-breadcrumb-item{
  color:#133730;
}





.canvas-banner {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1200 / 500;
}

.canvas-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media (max-width: 1024px) {
    .canvas-banner {
        height: auto !important;
        aspect-ratio: 1200 / 490;
    }
}

img.w-full.h-full.object-cover.opacity-90 {
    opacity: 1 !important;
}
.absolute.inset-0.bg-gradient-to-t.from-\[\#F7F5F2\].via-transparent.to-transparent {
    display: none;
}


.canvas-banner {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1200 / 500 !important; /* نحافظ على النسبة الأساسية */
  margin-top: 120px;
}

.canvas-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* التعديلات الخاصة بالجوال */
@media (max-width: 1024px) {
    .canvas-banner {
        /* إجبار الحاوية على الحفاظ على أبعاد الصورة الأصلية حتى لا تختفي */
        aspect-ratio: 1200 / 500 !important; 
        height: auto !important;
         margin-top: 69px;
    }
    
    .canvas-banner img {
        /* استخدام contain لضمان عدم قص أي جزء من الصورة */
        object-fit: contain !important; 
        /* يجب إرجاع الارتفاع والعرض لـ 100% بدلاً من auto */
        width: 100% !important;
        height: 100% !important; 
    }
}

img.w-full.h-full.object-cover.opacity-90 {
    opacity: 1 !important;
}

.absolute.inset-0.bg-gradient-to-t.from-\[\#F7F5F2\].via-transparent.to-transparent {
    display: none;
}
select#product-filter,h1#page-main-title {
    color: black;
}
label.hidden.sm\:block.rtl\:ml-3.ltr\:mr-3.whitespace-nowrap {
    color: black;
}
.canvas-store-footer .canvas-copyright salla-payments .s-payments-list-item { 
    height: 35px !important;
    width: 60px !important;
    background-color: white !important;
      box-shadow: 0 2px 0px rgba(0, 0, 0, .16) !important;
}






/* إزالة الخط الفاصل أعلى قسم حقوق النشر */
.canvas-copyright {
    border-top: none !important;
}

/* جعل الحاوية تأخذ العرض الكامل وترتب العناصر فوق بعضها */
.canvas-copyright .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important; /* الإجبار على أخذ عرض الصفحة بالكامل في الديسكتوب */
    gap: 15px !important;
}

/* ترتيب حاوية أيقونات الدفع لتكون في الأعلى وتتوسط الشاشة */
.canvas-copyright salla-payments {
    order: -1 !important; /* رفع الأيقونات للأعلى */
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* التأكد من عرض الأيقونات بشكل مرن بجوار بعضها */
.canvas-copyright .s-payments-list {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 !important;
}

/* توسيط نص حقوق النشر بالأسفل */
.canvas-copyright .copyright-text {
    text-align: center !important;
    width: 100% !important;
}

.canvas-copyright .copyright-text p {
    margin-bottom: 0 !important;
}

/* ترتيب وتنسيق السجل التجاري في العمود الأخير */
salla-trust-badges {
    display: flex !important;
    justify-content: flex-start !important; /* محاذاة لليمين مع باقي النصوص */
    margin-top: 25px !important;
}

/* محاذاة في الجوال لتكون في المنتصف */
@media (max-width: 768px) {
    salla-trust-badges {
        justify-content: center !important;
    }
}
ul.s-payments-list {
    justify-content: flex-start;
    gap: 5px;
}
img.w-full.h-full.object-cover.group-hover\:scale-110.transition-all.duration-300 {
    object-fit: contain;
}

li.ql-align-right.ql-direction-rtl.text-right span{
  color:black !important;
  text-align: right !important;
}
.blog-category ul li {
    color: black;
}

.te