/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');

@media (max-width: 991px) {

  section.s-block--special-products-slider img.lazy.loaded {
    object-position: top !important;
  }

  .s-block--special-products-slider .min-h-\[250px\] {
    min-height: 500px !important;
  }
}

a.btn.btn--outline-primary {
  background: #523000 !important;
  color: #fff;
  border-radius: 5px !important;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline {
  background: #4e342e !important;
  color: #fff !important;
}

[dir="rtl"] .header-btn__icon.icon.sicon-cart,
i.header-btn__icon.sicon-user {
  background: #4e342e;
  border-radius: 20px;
  padding: 20px;
  color: #fff;
  margin-right: 10px;
}

}



.main-menu .has-children > a:after,
.main-menu .has-children.root-level > a:after {
  opacity: 1;
  color: #4e342e;
}
.s-block--animated-brands--brand {
    background: #ffffff;
    border-radius: 10px;
}
@media(min-width:992px){
.s-block--animated-brands--brand img {
    width: 150px;
    height: 150px;
    padding: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 300ms;
}
p.description.max-w-\[400px\].text-sm.sm\:text-base {
    font-weight: 600 !important;
    font-size: 21px;
}
}
section.s-block.s-block--special-products-slider .min-h-\[600px\].w-full  .has-overlay--opacity-option.has-overlay--opacity-0 .items-center {
    align-items: center;
    justify-content: end !important;
}

salla-slider#circle-links-slider-1 img.lazy.object-cover.mx-auto.w-40.h-40.rounded-full.group-hover\:scale-110.duration-400.loaded {
    object-fit: contain !important;
}


.mm-ocd--open .mm-ocd__content img.w-12.h-12.object-cover.rounded-full.pointer-events-none {
    object-fit: contain;
}@media (max-width: 640px) {
  img.w-40, 
  img.h-40 {
    width: 96px !important;   /* w-24 */
    height: 96px !important;  /* h-24 */
  }
}
/* التعديل علي شريط الإعلانات */
.promotion-banner__inner ul,
.promotion-banner__inner li {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}

.promotion-banner__inner li {
  display: none !important;
}

.promotion-banner__inner li:first-child {
  display: flex !important;
}

.promotion-banner__inner ul {
  justify-content: center !important;
}

.promotion-banner__inner li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  white-space: normal !important;
}
/*-------------- تظبيط الهيدر -------------- */
/* اخفاء صف الشروط والاحكام في الهيدر */
.top-navbar{
  display: none;
}
/* ---------- */
/* تظبيط الايكونات واللينكات واللوجو  */
/* الأب الرئيسي للهيدر */
.flex.items-stretch.justify-between.relative{
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between !important;
  padding-top: 20px; !important;
  
    
}

/* اللوجو — يمين */
.flex.items-center.flex-col.justify-center{
  order: 1;
  flex: 0 0 auto;
}

/* اللينكات — في النص */
.main-menu-row{
  order: 2;
  flex: 1;
  display: flex;
  justify-content: center;
}

/* الأيقونات — شمال */
.flex.items-center.justify-start.w-1\/3{
  order: 3;
  flex: 0 0 auto;
  display: flex;
  gap: 12px;
}
/* responsiv for icons */
@media (min-width: 768px){
  .flex.items-center.justify-start.w-1\/3{
    display: flex !important;
    order: 3;
    flex: 0 0 auto;
    gap: 10px;
    padding-right: 8rem;
  }
}
@media (min-width: 1024px){
  .flex.items-center.justify-start.w-1\/3{
    gap: 12px;
    padding-right: 15rem;
  }
}
@media (min-width: 1280px){
  .flex.items-center.justify-start.w-1\/3{
    padding-right: 30rem;
  }
}

/* --------------------- */
.header-btn__icon.icon.sicon-search{
  background: #ffff !important;
  width: 46.58px;
  height: 46.58px;
  border: 0.58px solid #8a4f31;
  border-radius: 58.22px;
  color:  #A6633A;
}
.header-btn__icon.sicon-user{
  background: #ffff !important;
  width: 46.58px !important;
  height: 46.58px !important;
  border: 0.58px solid #8a4f31 !important;
  border-radius: 58.22px !important;
  color:  #8a4f31 !important;
}
.header-btn__icon.icon.sicon-cart{
  background: #ffff !important;
  width: 46.58px !important;
  height: 46.58px !important;
  border: 0.58px solid #8a4f31 !important;
  border-radius: 58.22px !important;
  color:  #8a4f31 !important;
}

#mainnav .container{
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 50px !important;
  margin-right:  0px;
  
  
}
.flex.items-center.justify-end.w-1\/3 {
  gap: 18.63px;
  
}

.flex.items-center.justify-end.w-1\/3 > * {
  display: flex;
  align-items: center;
  justify-content: center;
 
}
.flex.items-center.justify-start.w-1\/3 > button[aria-label="Search"]{
  display: none !important;
}
@media (max-width: 1023px){
  .flex.items-center.justify-end.w-1\/3{
    display: none !important;
  }
}

/* ---------------------------------- */
.s-block.banners-slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
section:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* -----------------التعديل علي الاسلايدر واضافة زرار---------- */
.swiper-slide img{
  border-radius: 20px;
}
/* نحط نص في نص السلايدر */
.banners-slider--0 {
  position: relative;
  margin-left: 20px;
  margin-right: 20PX;
}
/* العنوان */
.banners-slider--0::before {
  content: "جهّز مشروعك بمعدات تدوم";
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
font-family: 'Tajawal', sans-serif;
  font-size: 75px;
  font-weight: 700;
  font-style: bold;
  line-height: 150%;
  text-align: center;
  z-index: 5;
  width: 90%;
}

/* الوصف */
.banners-slider--0::after {
  content: "ماكينات قهوة تجمع بين الأداء العالي\Aوالتصميم الأنيق، والجودة العالية";
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
font-family: 'Tajawal', sans-serif;
  font-size: 45px;
  font-weight: 500;
  font-style: Regular;
  line-height: 150%;
  text-align: center;
  z-index: 5;
  width: 90%;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .banners-slider--0::before {
    font-family: Tajawal;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    top: 38%;
    line-height: 1.3;
     
  }
  .banners-slider--0 {
  position: relative;
  margin-left: 0px;
  margin-right: 0PX;
}

  .banners-slider--0::after {
    display: none;
  }