/* Add custom CSS styles below */ 
/*  ====start-header====== */
@media only screen and (min-width: 1024px) {
    .main-menu li>a:hover {
        color: #54381B !important;
    }
}
/* ====end-header======== */
/* =====================================
   تسوق حسب القسم - Salla
   ===================================== */
@media (min-width: 650px) {
  /* الارتفاع يتبع عرض الشاشة بنسبة 16:9، وأقصاه 800px زي ما هو دلوقتي */
  #main-slider-0 .swiper-slide {
    height: min(56.25vw, 800px) !important;
  }

  /* نظهر صورة الديسكتوب من 650px بدل صورة الموبايل */
  #main-slider-0 .swiper-slide > [class*="md:block"] {
    display: block !important;
  }
  #main-slider-0 .swiper-slide > [class*="md:hidden"] {
    display: none !important;
  }
}
section[component-id="1093170671"] {
    background: #fffdfd !important;
    padding: 85px 0 30px !important;
    margin-top: 0 !important;
}

section[component-id="1093170671"] .container {
    max-width: 1400px !important;
}

/* إخفاء مساحة الصورة الكبيرة */
section[component-id="1093170671"] .special-cats-container > .grid > div:first-child {
    display: none !important;
}

/* جعل القسم بعرض كامل */
section[component-id="1093170671"] .special-cats-container > .grid {
    display: block !important;
}

section[component-id="1093170671"] .special-cats-container > .grid > div:last-child {
    width: 100% !important;
    min-height: 0 !important;
}


section[component-id="1093170671"] .s-cats-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}


section[component-id="1093170671"] .s-cats-container > div:first-child {
    align-items:flex-start !important;
    width: 100% !important;
    margin-bottom: 5px !important;
      max-width: 1280px !important;
    margin-inline: auto; 
}
.banner--fixed img{
  border-radius: 0 !important;
}

section[component-id="1093170671"] .s-cats-container > div:first-child p {
    background: transparent !important;
    color: #54381b !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

section[component-id="1093170671"] .s-cats-container > div:first-child svg {
    display: none !important;
}
section[component-id="1093170671"] .s-cats-container > .flex.flex-row.gap-2.w-full {
    display: grid !important;
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    gap: 22px 12px !important;
    width: 100% !important;
}

/* إلغاء تقسيم الأقسام إلى عمودين */
section[component-id="1093170671"] .s-cats-container > .flex.flex-row.gap-2.w-full > .flex.flex-col {
    display: contents !important;
}

/* بطاقة القسم */
section[component-id="1093170671"] .s-cat-item {
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    gap: 6px !important;
    background: transparent !important;
    text-align: center !important;
}
section[component-id="1093170671"] .s-cat-item .category-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 34px !important;
    padding: 0 !important;
    text-align: center !important;
}
section[component-id="1093170671"] .s-cat-item .category-name {
    display: block !important;
    width: 100% !important;
    color: #54381b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    text-align: center !important;
}
section[component-id="1093170671"] .s-cat-item .category-subtitle {
    display: none !important;
}

section[component-id="1093170671"] .s-cat-item > div:last-child {
    padding: 0 !important;
    flex: 0 0 auto !important;
}

section[component-id="1093170671"] .s-cat-item .shuhra-btn {
    display: block !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 96px !important;
    border: 1px solid #d99a22 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #fff !important;
}
section[component-id="1093170671"] .s-cat-item .shuhra-btn img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    transition: transform 0.3s ease !important;
}
@media only screen and (max-width: 1024px) {
    section[component-id="1093170671"] .s-cats-container > .flex.flex-row.gap-2.w-full, section[component-id="1349958078"] .s-cats-container > .flex.flex-row.gap-2.w-full {
    flex-wrap: wrap;
    display: flex !important;
    justify-content: center;
      
}
  section[component-id="1093170671"] .s-cat-item .shuhra-btn {
    display: block !important;
    width: 95px !important;
    height: 95px !important;
    min-width: 96px !important;

}
}
section[component-id="1093170671"] .s-cats-container > .flex.flex-row.gap-2.w-full, section[component-id="1349958078"] .s-cats-container > .flex.flex-row.gap-2.w-full {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    gap: 22px 12px !important;
   
}
/* -----start--section---products------ */
.s-product-card-entry {
    background-color: #FFFDFB;
  box-shadow: 0px 4px 4px 0px #54381B40 !important;


    border-radius: 5px;
    transition:all 0.5s ease;
    border-color:transparent !important;

}
.s-product-card-entry:hover{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
    transform: translateY(-5px);
     transition: all 0.5s ease;
}
.s-product-card-entry:hover button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background-color: #C1627C !important;
  color:white !important;
  border-color:#C1627C;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border: 1px solid #54381B;
    border-radius: 3px !important;
    color: #54381B !important;
}
img.s-product-card-image-contain.lazy.loaded {
    object-fit: cover !important;
    height: 268px !important;
}
.s-product-card-content-title a {
    color: #54381B;
    font-size: 16px;
    font-weight: 400;
}
.s-product-card-content-title a:hover {
    color: #C1627C !important;
}
h4.s-product-card-price.\!text-xl,.s-product-card-sale-price h4 {
    color: #54381B !important;
    font-size: 24px !important;
    font-weight: 700 !important;

}


.s-product-card-promotion-title.shuhra-promotion-title.\!mr-\[5px\].\!text-xxs.\!font-normal.\!max-w-\[80\%\]{
background-color: #C1627C !important;
} 
.s-product-card-entry .s-product-card-promotion-title:before,.s-product-card-sale-price .s-product-card-promotion-title::after {
    border-bottom-color: #C1627C !important;
}
.s-button-primary,.shuhra-in-stock-status {
    background-color: #C1627C !important;
    border-color: #C1627C !important;
    border-radius: 5px !important;
    color: white !important;
}
.s-button-primary:hover {
    background-color: #c1627bbd !important;
    border-color: c1627bbd !important;
}
button.s-slider-prev.s-slider-nav-arrow.shuhra-btn.swiper-button-disabled.swiper-button-lock:hover,
button.s-slider-next.s-slider-nav-arrow.shuhra-btn.swiper-button-disabled.swiper-button-lock:hover {
    background-color: #54381B !important;
    color: #fff !important;
}
button.s-slider-prev.s-slider-nav-arrow.shuhra-btn.swiper-button-disabled.swiper-button-lock:hover svg,
button.s-slider-next.s-slider-nav-arrow.shuhra-btn.swiper-button-disabled.swiper-button-lock:hover svg {
    fill: #fff !important;
     transition: all 0.5s ease;
}
salla-products-slider .s-slider-block__title button{
       border: 1px solid #54381B !important;
    border-radius: 50% !important;
    color: #54381B !important;
}
salla-products-slider .s-slider-block__title button:hover{
    background-color: #54381B !important;
    fill: #fff !important;
     transition: all 0.3s ease;
}
salla-products-slider .s-slider-block__title button:hover svg{
    transition: all 0.3s ease;
    fill: #fff !important;
}
.swiper-button-disabled {
    opacity: 1 !important;
}
.s-slider-block__display-all{
    color:#54381B !important;
}
.s-slider-block__display-all:hover{
    color:white !important;
}
.s-slider-block__display-all:hover::before{
    background-color:#54381B !important;
     transition: all 0.5s ease;
}
.s-slider-block__title-right {
    font-size: 24px !important;
    color: #54381B !important;
    font-weight: 700 !important;
}

/* -----end--section---products------ */
@media (max-width: 1440px) {
    .md\:min-h-\[600px\] {
        min-height: 529px !important;
        min-width: 546px;
        z-index: 50;
    }
}
[component-id="1486223131"]{
  @media (max-width: 1440px) {
    .md\:min-h-\[600px\] {
      left:90px;
    }
}
}


@media (max-width: 768px) {
    .md\:min-h-\[600px\] {
        min-height: 440px;
         min-width: 395px;
    }
}
@media (max-width: 375px) {
    .md\:min-h-\[600px\] {
     min-height: 28rem !important;
    min-width: 0;
    }
}
@media (max-width:768px) {
     img.w-full.h-full.object-cover.absolute.top-0.left-0.lazy.fade-up.delay-100.duration-slow.ease-smooth.animate{
    object-fit:contain !important;
  }
}
@media(max-width: 1024px)and(min-width:992 ) {
    img.w-full.h-full.object-cover.absolute.top-0.left-0.lazy.fade-up.delay-100.duration-slow.ease-smooth.animate {
    position: absolute;
    z-index: 20;
    object-fit: contain !important;

}
}
/* #app > div.app-inner.flex.flex-col.min-h-full.relative > section:nth-child(17) > div > div > div > div.w-full.lg\:w-1\/3 > div > a > img{
   object-fit:contain!important;
} */
.full-width-block img{
     object-fit:contain!important;
}


  @media (min-width: 768px) {
    .square-photos-grid--equal-2 {
        grid-template-columns: repeat(2, minmax(100%, 1fr)) !important;
    }
}
.banner-entry{
  background-color: transparent !important;
  height: 100px;
}

.s-features-header-wrapper.flex.relative.justify-center.items-center.flex-col.gap-2.mb-10 {
  display: none;
  }
.s-f-swiper-item.min-h-72.p-2.lg\:p-4.py-4.rounded.flex.items-center.justify-center.self-stretch.flex-col.gap-3.fade-up.delay-200.duration-slow.ease-smooth.animate {
    border: 1px solid #54381B33 !important;
}
.carousel-slider .s-slider-block__title-nav {
    display: none !important;
}   
.s-f-swiper-item {
  border: 1px solid #54381B33 !important;
}

span.s-reviews-testimonial-icon.absolute.top-4.left-4.opacity-20.w-22 {
    fill: #C1627C;
}
.s-reviews-header-wrapper::after,.s-reviews-header-wrapper::before{
  display: none !important;
}
footer.store-footer.relative.footer{
background: #54381B0F !important;

}
.s-reviews-header-wrapper.flex.relative.\!justify-center.items-center.flex-col.gap-2.mb-10 {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin: auto;
}
.max-w-2xl.text-center.leading-6 {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #54381B !important;
}
.s-menu-footer-item,.text-sm{
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    transition: all 0.5s ease;
}
.s-menu-footer-item:hover,.text-sm:hover {
    color:#C1627C !important;
    transition: all 0.5s ease;
    transform: scale(.97);
}
span.flex.flex-col.justify-center.items-center.w-12.h-12.ml-2.border.border-gray-200.rounded-md,.social-link {
    border-radius: 50% !important;
    background-color: #54381B !important;
    border-color: #54381B !important;
    color: white !important;
    width: 35px;
   height: 35px;
}
span.flex.flex-col.justify-center.items-center.w-12.h-12.ml-2.border.border-gray-200.rounded-md:hover,.social-link:hover{
  transform:scale(.88) !important;
  background-color: #C1627C !important;
  transition: all 0.3s ease !important;
  border-color: #C1627C !important;
  
}
span.text-xxs.leading-5 {
    display: none;
}
li.s-payments-list-item {
    border-radius: 6px !important;
}
.social-link:before,.social-name{
    display: none !important;
}
.social-link:hover::before{
    display: none !important;
}
footer .footer-head path {
  fill:white !important;
}
.back-to-top.visible {
    background-color: #C1627C;
    border-color: #C1627C;
    color: white;
    transition: all 0.3s ease !important;
    &:hover{
    background-color: #54381B !important;
    border-color: #54381B !important;
    box-shadow: 0 -2px 0 2px #54381B !important;
    color: white !important;
    }
}
li#more-menu-dropdown,li#\31 459677084 ,li#\31 558086481,li#\38 54394194 {
    display: none !important;
}
.qv-availability>span.shuhra-in-stock-status{
  animation: none;
}
.s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
    border-radius: 5px 5px 0 0 !important;
}
.back-to-top.w-11.lg\:w-14.h-11.lg\:h-14.text-base.lg\:text-xl.border.cursor-pointer.border-gray-400.flex.justify-center.items-center.bg-white.text-black.shadow.rounded-full.fixed.bottom-44.lg\:bottom-48.rtl\:right-4.ltr\:left-4.z-\[99\].visible{
bottom:7rem !important;
}
a.w-11.lg\:w-14.h-11.lg\:h-14.text-base.lg\:text-xl.flex.justify-center.items-center.bg-green-600.text-white.shadow.rounded-full.fixed.bottom-32.rtl\:right-4.ltr\:left-4.z-\[99\]{
  bottom:3rem !important ;
}
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-size: cover !important;
}
.s-reviews-avatar {
  width:65px;
}
.s-reviews-avatar img{
  height:65px;
}
.s-f-swiper-item:hover{
   box-shadow: 0px 4px 4px 0px #54381B40;
   transition: all 0.3s ease !important;
   transform: translatey(-10px);
}  



#custom-features-14-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden{
  padding-top:20px;
}