@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");


:root {

  --footer-bg: #141412;

  --footer-text-color: white;

  --second-footer-bg: #141412;

  --second-footer-text: white;


  --store-feature-section-bg: #f7faf2;

  --store-feature-bg: #ffffff;

  --store-feature-border: #e4e7df;

  --store-feature-text: #777a72;

  --store-feature-title: #171713;

  --store-feature-icon-bg: #e3f5de;

  --store-feature-icon-color: #4b8e39;


  --add-to-cart-bg: #6fac39;

  --add-to-cart-text: white;


  --header-categories-bg: white;

  --hedaer-categories-text: black;


  --footer-logo-max-size: 200px;

  --footer-logo-size: 120px;


  --display-all-btn: black;

  --display-all-btn-bg: #f3f4f6;


  --product-card-border: white;


  --section-titles-header: 28px;


  --navbar-brand-img-max-height: 7rem;


  --body-bg: white;
}



/* =========================================================
   General
========================================================= */

body {

  font-family: "Cairo", sans-serif;

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



.sub-menu li,
.sub-menu a,
.sub-menu a span {

  color:
    var(--hedaer-categories-text) !important;
}



.s-block--testimonials {

  padding-bottom:
    20px !important;
}



.navbar-brand {

  transition:
    transform 0.35s
    cubic-bezier(
      0.22,
      0.61,
      0.36,
      1
    );

  will-change:
    transform;
}



.navbar-brand img {

  max-height:
    var(--navbar-brand-img-max-height) !important;
}



/* =========================================================
   Fixed Banner
========================================================= */

.s-block--fixed-banner:nth-child(2) {

  margin: 0 !important;
}



.s-block--fixed-banner:nth-child(2)
.container {

  max-width: 100% !important;

  padding: 0 !important;
}



.s-block--fixed-banner:nth-child(2)
img {

  border-radius:
    0 !important;
}



/* =========================================================
   Search In Center
========================================================= */

.header-search {

  padding: 12px;

  order: -1;

  display: flex;

  align-items: center;

  width: 100%;
}



salla-search {

  width: 100%;
}



@media (max-width: 768px) {

  .header-search {

    order: 2 !important;

  }

}



.main-nav-container
.inner
.container
> div:first-child {

  flex-wrap:
    wrap !important;
}



.main-nav-container
.inner
.container
> div:first-child
> div:first-child {

  order: -1;
}



.top-navbar {

  display:
    none !important;
}



.main-menu {

  justify-content:
    center !important;
}



/* =========================================================
   Categories More Than 4
========================================================= */

.banner-entry.square-photos {

  background-color:
    transparent !important;
}



.s-block.s-block--photos-slider
.swiper-slide {

  flex-basis:
    100% !important;

  max-width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}



.s-block--photos-slider
.s-slider-container {

  margin:
    0 !important;

  padding:
    0 !important;
}



/* =========================================================
   Add To Cart Button
========================================================= */

.s-product-card-content-footer
button {

  background-color:
    var(--add-to-cart-bg) !important;

  color:
    var(--add-to-cart-text) !important;
}



/* =========================================================
   Header Categories
========================================================= */

#mobile-menu {

  background-color:
    var(--header-categories-bg) !important;

  color:
    var(--hedaer-categories-text) !important;
}



/* =========================================================
   Footer Logo
========================================================= */

.copied-image-container {

  max-width:
    var(--footer-logo-max-size);
}



.copied-img {

  object-fit:
    cover;

  width:
    var(--footer-logo-size);
}



.store-footer__inner
.container
> div:first-child {

  display:
    flex !important;

  flex-direction:
    column !important;
}



.store-footer__inner
.container
> div:first-child
.copied-image-container {

  order:
    -1 !important;

  padding-bottom:
    10px;
}



.store-footer__inner
.container
> div:first-child
> a:first-child {

  display:
    none !important;
}



.banner--fixed img {

  background-color:
    white !important;
}



.s-slider-block__display-all {

  color:
    var(--display-all-btn) !important;

  background-color:
    var(--display-all-btn-bg) !important;

  padding:
    15px;
}



.store-footer__inner
.container
> div:first-child
.copied-img {

  order:
    -1 !important;
}



.box-shadow {

  box-shadow:
    0 2px 6px rgba(
      0,
      0,
      0,
      0.15
    );
}



.store-footer,
.store-footer p,
.store-footer h3,
.store-footer a {

  color:
    var(--footer-text-color) !important;
}



.store-footer {

  margin:
    0 !important;
}



.sub-menu a span {

  color:
    var(--header-categories-bg) !important;
}



/* =========================================================
   Product Cards
========================================================= */

.s-products-slider-card {

  border:
    1px solid
    var(--product-card-border);

  border-radius:
    12px;

  margin-inline:
    5px;
}



/* =========================================================
   Section Titles
========================================================= */

.s-slider-block__title-right h2 {

  font-size:
    35px !important;

  text-align:
    center;
}



.s-slider-block__title-left {

  display:
    none !important;
}



.s-slider-block__title-right {

  padding:
    0 !important;

  position:
    relative !important;

  margin-left:
    auto;

  margin-right:
    auto;
}



.s-slider-block__title-right h2 {

  padding:
    0 !important;
}



.s-reviews-header {

  padding:
    0 !important;

  position:
    relative !important;

  margin-left:
    auto;

  margin-right:
    auto;
}



.s-reviews-header h2 {

  padding:
    0 !important;

  text-align:
    center;
}



.feature-title,
.s-block--banners
.s-block__title
.right-side {

  position:
    relative;
}



.s-slider-block__title-right h2,
.s-reviews-header,
.s-block--banners
.s-block__title
.right-side h2 {

  font-size:
    var(--section-titles-header) !important;
}



.s-block--banners
.s-block__title
.right-side {

  margin-left:
    auto;

  margin-right:
    auto;

  text-align:
    center;
}



.s-reviews-swiper-slide {

  box-shadow:
    1px 3px 4px
    #32326926;

  margin-block:
    5px;
}



/* =========================================================
   Categories
========================================================= */

.s-block--categories
.swiper-slide a {

  border:
    none !important;
}



.s-block--categories
.swiper-slide img {

  width:
    12rem;

  height:
    12rem;
}



.s-block--categories
.swiper-wrapper {

  padding:
    3rem;
}



/* =========================================================
   Banner Grid
========================================================= */

.s-block--banners
.grid {

  display:
    grid;

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



.s-block--banners
.right-side {

  padding:
    0 !important;
}



html[lang="en"]
.s-block--banners
.s-block__title
.right-side::after {

  left:
    50% !important;
}



/* =========================================================
   BARAKA FEATURE SECTION
========================================================= */


/* Full section */

section.s-block--features.baraka-features {

  width:
    100% !important;

  max-width:
    100% !important;

  margin:
    0 !important;

  padding:
    72px 24px 74px !important;

  background:
    var(--store-feature-section-bg) !important;

  direction:
    rtl !important;

  box-sizing:
    border-box !important;

  font-family:
    "Cairo",
    sans-serif !important;
}



/* =========================================================
   Feature Main Title
========================================================= */

.baraka-features
> .feature-title {

  width:
    100% !important;

  margin:
    0 auto 28px !important;

  padding:
    0 !important;

  text-align:
    center !important;
}



.baraka-features
> .feature-title h2 {

  width:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #171713 !important;

  font-family:
    "Cairo",
    sans-serif !important;

  font-size:
    28px !important;

  font-weight:
    800 !important;

  line-height:
    1.4 !important;

  text-align:
    center !important;
}



/* =========================================================
   Features Grid
========================================================= */

.s-block--features.baraka-features
.baraka-features-grid {

  display:
    grid !important;

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

  gap:
    18px !important;

  width:
    100% !important;

  max-width:
    936px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;

  align-items:
    stretch !important;

  direction:
    rtl !important;
}



/* =========================================================
   Feature Card
========================================================= */

.s-block--features.baraka-features
.s-block--features__item.baraka-feature-card {

  width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    162px !important;

  margin:
    0 !important;

  padding:
    18px 17px 16px !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    0 !important;

  background:
    var(--store-feature-bg) !important;

  border:
    1px solid
    var(--store-feature-border) !important;

  border-radius:
    16px !important;

  box-shadow:
    0 5px 10px
      rgba(
        21,
        20,
        17,
        0.05
      ),

    0 1px 2px
      rgba(
        21,
        20,
        17,
        0.03
      ) !important;

  text-align:
    center !important;

  box-sizing:
    border-box !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}



/* Hover */

.s-block--features.baraka-features
.s-block--features__item.baraka-feature-card:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 8px 18px
      rgba(
        21,
        20,
        17,
        0.07
      ),

    0 2px 4px
      rgba(
        21,
        20,
        17,
        0.03
      ) !important;
}



/* =========================================================
   Feature Icon Circle
========================================================= */

.s-block--features.baraka-features
.baraka-feature-card
.feature-icon {

  width:
    42px !important;

  height:
    42px !important;

  min-width:
    42px !important;

  min-height:
    42px !important;

  margin:
    0 0 10px !important;

  padding:
    0 !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border:
    none !important;

  border-radius:
    50% !important;

  background:
    var(--store-feature-icon-bg) !important;

  color:
    var(--store-feature-icon-color) !important;

  box-sizing:
    border-box !important;
}



/* Disable theme pseudo icons */

.s-block--features.baraka-features
.baraka-feature-card
.feature-icon::before,

.s-block--features.baraka-features
.baraka-feature-card
.feature-icon::after {

  display:
    none !important;
}



/* SVG icons */

.s-block--features.baraka-features
.baraka-feature-card
.feature-icon svg {

  display:
    block !important;

  width:
    21px !important;

  height:
    21px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  fill:
    none !important;

  stroke:
    var(--store-feature-icon-color) !important;

  stroke-width:
    1.8 !important;

  stroke-linecap:
    round !important;

  stroke-linejoin:
    round !important;
}



/* =========================================================
   Feature Card Title
========================================================= */

.s-block--features.baraka-features
.baraka-feature-card
> h2 {

  margin:
    0 0 6px !important;

  padding:
    0 !important;

  font-family:
    "Cairo",
    sans-serif !important;

  color:
    var(--store-feature-title) !important;

  font-size:
    14px !important;

  font-weight:
    800 !important;

  line-height:
    1.6 !important;

  text-align:
    center !important;
}



/* =========================================================
   Feature Description
========================================================= */

.s-block--features.baraka-features
.baraka-feature-card
> p {

  width:
    100% !important;

  max-width:
    185px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;

  font-family:
    "Cairo",
    sans-serif !important;

  color:
    var(--store-feature-text) !important;

  font-size:
    11.5px !important;

  font-weight:
    400 !important;

  line-height:
    1.9 !important;

  text-align:
    center !important;
}



/* =========================================================
   Feature Tablet
========================================================= */

@media (max-width: 900px) {

  section.s-block--features.baraka-features {

    padding:
      55px 24px !important;
  }


  .s-block--features.baraka-features
  .baraka-features-grid {

    max-width:
      620px !important;

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

    gap:
      16px !important;
  }

}



/* =========================================================
   Feature Mobile
========================================================= */

@media (max-width: 520px) {

  section.s-block--features.baraka-features {

    padding:
      44px 14px 48px !important;
  }


  .baraka-features
  > .feature-title {

    margin-bottom:
      24px !important;
  }


  .baraka-features
  > .feature-title h2 {

    font-size:
      24px !important;
  }


  .s-block--features.baraka-features
  .baraka-features-grid {

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

    gap:
      10px !important;
  }


  .s-block--features.baraka-features
  .s-block--features__item.baraka-feature-card {

    min-height:
      170px !important;

    padding:
      17px 8px 14px !important;

    border-radius:
      14px !important;
  }


  .s-block--features.baraka-features
  .baraka-feature-card
  .feature-icon {

    width:
      40px !important;

    height:
      40px !important;

    min-width:
      40px !important;

    min-height:
      40px !important;

    margin-bottom:
      9px !important;
  }


  .s-block--features.baraka-features
  .baraka-feature-card
  .feature-icon svg {

    width:
      20px !important;

    height:
      20px !important;
  }


  .s-block--features.baraka-features
  .baraka-feature-card
  > h2 {

    font-size:
      13px !important;
  }


  .s-block--features.baraka-features
  .baraka-feature-card
  > p {

    max-width:
      145px !important;

    font-size:
      10.5px !important;

    line-height:
      1.8 !important;
  }

}



/* =========================================================
   Very Small Mobile
========================================================= */

@media (max-width: 360px) {

  .s-block--features.baraka-features
  .baraka-features-grid {

    gap:
      8px !important;
  }


  .s-block--features.baraka-features
  .s-block--features__item.baraka-feature-card {

    padding:
      16px 6px 13px !important;
  }


  .s-block--features.baraka-features
  .baraka-feature-card
  > h2 {

    font-size:
      12px !important;
  }


  .s-block--features.baraka-features
  .baraka-feature-card
  > p {

    font-size:
      9.8px !important;
  }

}



/* =========================================================
   Footer
========================================================= */

.store-footer {

  margin-top:
    25px !important;
}



.store-footer__inner
.container
> div:first-child
> div:first-of-type {

  display:
    none !important;
}



.store-footer__inner {

  background:
    var(--footer-bg) !important;
}



.s-block--fixed-banner:first-child
.container {

  max-width:
    100%;
}



.store-footer
> div:nth-child(2) {

  background:
    var(--second-footer-bg) !important;

  color:
    var(--second-footer-text) !important;

  max-width:
    100% !important;
}



.store-footer
> div:nth-child(2)
p {

  color:
    var(--second-footer-text) !important;
}
/* =========================================================
   Baraka Statistics Section
========================================================= */

.baraka-stats-section {

  width: 100%;

  margin: 0;

  padding: 0;

  background: #141412;

  direction: rtl;

  font-family: "Cairo", sans-serif;

  box-sizing: border-box;
}


/* Main Container */

.baraka-stats-container {

  width: 100%;

  max-width: 1120px;

  min-height: 180px;

  margin: 0 auto;

  padding: 35px 35px;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  align-items: center;

  justify-content: center;

  gap: 30px;

  box-sizing: border-box;
}


/* =========================================================
   Single Stat
========================================================= */

.baraka-stat-item {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  min-width: 0;

  gap: 2px;
}


/* Number */

.baraka-stat-number {

  margin: 0;

  padding: 0;

  color: #6fac39;

  font-family: "Cairo", sans-serif;

  font-size: 30px;

  font-weight: 800;

  line-height: 1.35;

  white-space: nowrap;
}


/* Description */

.baraka-stat-text {

  margin-top: 2px;

  color: #c4c4c0;

  font-family: "Cairo", sans-serif;

  font-size: 13px;

  font-weight: 400;

  line-height: 1.7;
}


/* =========================================================
   Tablet
========================================================= */

@media (max-width: 850px) {

  .baraka-stats-container {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    min-height: auto;

    padding: 40px 24px;

    gap: 35px 20px;
  }


  .baraka-stat-number {

    font-size: 27px;
  }


  .baraka-stat-text {

    font-size: 12px;
  }

}


/* =========================================================
   Mobile
========================================================= */

@media (max-width: 520px) {

  .baraka-stats-container {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    padding: 32px 15px;

    gap: 30px 10px;
  }


  .baraka-stat-number {

    font-size: 23px;
  }


  .baraka-stat-text {

    font-size: 11px;
  }

}


/* =========================================================
   Very Small Mobile
========================================================= */

@media (max-width: 340px) {

  .baraka-stat-number {

    font-size: 20px;
  }


  .baraka-stat-text {

    font-size: 10px;
  }

}
/* products section */
/* products section */
/* products section */
/* products section */
/* products section */
.s-product-card-image{
  max-height: 18rem;
}

@media(min-width:768px){
  .s-block--categories .swiper-wrapper {
    justify-content: center !important;
  }
}