/* Add custom CSS styles below */ 


:root {
    --font-main: 'PingARLT';
    --color-primary: #905D2E;
    --color-primary-dark: #4d2907;
    --color-primary-light: #cc925c;
    --color-primary-reverse: #ffffff;
}



body {
  background-color: #ffffff; /* اللون الأبيض */
}

.top-navbar .s-search-input {
    border-style: none;
    background-color: rgb(255 255 255);
}

/* =============================
   Slider - Photos
============================= */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%;
}

section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper > div {
    padding: 0 !important;
}

section:first-of-type.s-block.s-block--photos-slider {
    margin-top: 0;
}

[dir="rtl"] salla-slider.photos-slider .swiper {
    padding: 0;
}

section.s-block.s-block--photos-slider .s-slider-block__title-nav {
    display: none !important;
}


.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex
    justify-content: space-evenly;
;
   
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    justify-content: space-around;
}



.header-btn__icon {
    color: white;
    background-color: #905D2E;
    display: flex
;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, 1);
    border-color: rgb(255 255 255) !important;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, 1);
    color: rgb(255 255 255) !important;
}
    .top-navbar {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        color: #ffffff;
        background-color: #905D2E;
    }
    
    
  .slide--cat-entry {
    background-color: rgb(255 255 255 / 0%);
    border-color: rgb(243 244 246 / 0%);
    }
    

.rounded-full {
    border-radius: 0PX;
}
.w-16 {
    width: 16rem;
}
.h-16 {
    height: AUTO;
}

.slide--cat-entry {
    height: 18rem;
    padding: 0;
    }
    
    @media (min-width: 1024px) {
    salla-slider .slide--one-sixth {
        width: 22.666667%;
    }
}

.s-slider-block__title-left {
    DISPLAY: NONE;
}

.s-slider-block__title {
    justify-content: center;
}
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
    BORDER-BOTTOM: solid #905D2E;
    color: #905D2E;
    
    }

/* حجم العنصر في الشاشات الكبيرة */
@media (min-width: 1024px) {
    salla-slider .slide--one-sixth {
        width: 44%;
    }
}

/* حجم العنصر في الشاشات الصغيرة جداً */
@media (max-width: 767px) {
    salla-slider .slide--one-sixth {
        width: 56%;
    }
}

.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
}

  .s-button-wide {
      background-color: var(--color-primary);
      color: var(--color-primary-reverse);
      position: absolute;
      top: -40px;
      box-shadow: 0px 3px 0px 0px #D8B595;
  }
  .s-product-card-entry {
      color: var(--color-primary);
      border-color: var(--color-primary);
      border-width: 1px;
  }
  .s-product-card-content-sub {
      justify-content: center;
      gap: 0.75rem;
  }
  .s-product-card-price {
      font-size: 1.2rem;
      line-height: 1.25rem;
      font-weight: 800;
  }


.s-button-btn, .s-price-range-number-input {
    border-radius: 0;
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

    .s-product-card-content {
        padding: 0;
    }
    
.s-product-card-content-title a {
    padding-left: 16px;
    padding-right: 16px;
    justify-content: center;
    display: flex;
  
}

.s-product-card-content-title {
    margin-bottom: 0.625rem;
    max-width: 100%;
    line-height: 1.5rem;
    margin-top: 0.625rem;
}

@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


    .s-block--features__item {
        padding-left: 2rem;
        padding-right: 2rem;
        background: #fff;
        box-shadow: 0 0 5px #000000cc;
   
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: #905D2E;
    color: #fff;
}

.footer-is-light .store-footer {
background-color: #905D2E;
}

.copyright-text p {
    color: rgb(255 255 255);
}

.hover\:text-primary:hover {
    color: #f9f9f9;
}
.s-product-card-content-title a {
    display: block;             /* عشان text-overflow يشتغل */
    text-align: center;         /* يخلي النص في النص */
    white-space: nowrap;        /* يمنع كسر السطر */
    overflow: hidden;           /* يخفي أي جزء زيادة */
    text-overflow: ellipsis;    /* يضيف ... لو النص طويل */
}

 .navbar-brand img {
        display: none;
    }
.top-navbar .s-search-input {
    background-color: rgb(255 255 255);
}
.navbar-brand {
  background-image: url("https://i.ibb.co/kVQzdRzT/2-1.png");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-repeat: no-repeat no-repeat;
  background-size: contain;
  height:50px;
  width: 8.5vw;
  display: block;
  animation: heartbeat 2.5s ease-in-out infinite both;
      scale: 1;

}

@keyframes heartbeat {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  10% {
      -webkit-transform: scale(.91);
      transform: scale(.91);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  17% {
      -webkit-transform: scale(.98);
      transform: scale(.98);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  33% {
      -webkit-transform: scale(.87);
      transform: scale(.87);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  45% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }
}

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');
body, h1, h2, h3, h4, h5, h6, p, span, a, button, input, label {
    font-family: 'Tajawal', sans-serif !important;
}
* {
  font-family: "Tajawal", sans-serif !important;
font-weight: 700!important;
}

[id^="product-"] .s-button-wide {
    background-color: var(--color-primary);
    color: var(--color-primary-reverse);
    position: static;
    top: -41px;
    box-shadow: 0px 3px 0px 0px #D8B595;
}