body{
  background-color: #F7F3EF !important;
}


@font-face {
    font-family: "PingARCustom";
    src: url("https://cdn.jsdelivr.net/gh/MahmoudEmad22/pingar-font/pingar.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html[lang="ar"][dir="rtl"] body {
    font-family: "PingARCustom", sans-serif !important;
}




/* header */ 

.sticky-wrapper{
  justify-items: center;
}

.overflow-x-hidden index salla-1236831254 color-mode-light rtl font-estedad footer-is-light is-sticky-product-bar>section.s-block.s-block--fixed-banner.wide-placeholder{
  display: none;
}

custom-main-menu .main-menu>li.root-level>a:hover {
    color: #CAA26B !important;
}
    
/* banners */ 



.hero-main .hero-subtitle,
.hero-main .hero-subtitle span,
.hero-main .hero-subtitle span.text {
    font-size: 72px !important;
    font-weight: 700 !important;
    line-height: 1 !important; 
    text-transform: none !important; 
overflow: visible !important;
}


.hero-main .hero-title,
.hero-main .hero-title span,
.hero-main .hero-title span.text {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: none !important; 
    display: block !important;
    max-width: 508px !important;
}

.hero-main.style3 {
    min-height: 660px !important;
}

.hero-main.style3 .vs-btn {
    padding: 16px 50px !important;
    border-radius: 0px !important; 
    align-items: center !important;
    justify-content: center !important;
    
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: #674053 !important;
  margin-top: 30px;
}

[dir="rtl"] .hero-main .hero-subtitle {
    display: inline-block !important;
    max-width: none !important;
    white-space: nowrap !important; 
}


@media (max-width: 767px) {
    .hero-main.style3 {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; 
        min-height: 630px !important; 
        background-position: center top !important;
    }

   
    .hero-main .hero-subtitle span.text {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }

    .hero-main .hero-title span.text {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
            font-weight: 700 !important;

    }

    .hero-main.style3 .vs-btn {
        font-size: 16px !important;
        margin-top: 0;
    }
}

section.s-block.s-block--fixed-banner.wide-placeholder{
  margin-top: 0;
}
.s-block--fixed-banner .container{
  
   max-width: 100vw !important;
    width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  
}

.s-block-fixed-banner img,
.s-block-fixed-banner picture img {
    width: 100vw !important;
    max-width: 100vw !important;
    object-fit: cover !important; 
    border-radius: 0 !important;
    display: block !important;
}

[dir="rtl"] section.ParentMainSlider:nth-of-type(odd){
  display: none !important;
}


[dir="ltr"] section.ParentMainSlider:nth-of-type(even) {
    display: none !important;
}


/* categories */ 

.s-slider-block__title-right,
.s-slider-block__title h2 {
    padding: 0 !important;
}

section.s-block.s-block--categories .s-slider-block__title
.s-slider-block__title-right {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.s-block--categories .swiper-slide {
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

.s-block--categories a.slide--cat-entry {
    display: block !important;
    position: relative !important;
    width: 100% !important;
      height:350px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important; 
    background: none !important;
}

.s-block--categories a.slide--cat-entry img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important; 
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.s-block--categories a.slide--cat-entry h2,
.s-block--categories a.slide--cat-entry span {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 10px 4px !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent) !important; /* ظل خفيف لإبراز النص */
    color: #ffffff !important;
    text-align: center !important;
}

@media (max-width: 767px) {
    .s-block--categories .swiper-slide {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 5px !important; 
        box-sizing: border-box !important;
    }

    .s-block--categories a.slide--cat-entry {
        width: 100% !important;
        height: 180px !important; 
        border-radius: 12px !important;
    }
}

/* products */ 

.s-slider-block__title-right>h2{
  color: #674953 !important;
}

.s-slider-block__title-left{
  display: none;
}

@media (max-width: 767px) {
    .productsTabs .s-products-list,
    .productsTabs .tab-content,
    .home-products-section.style1 .row.mini-prods {
        flex-wrap: wrap !important;
        gap: 6px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .productsTabs custom-salla-product-card,
    .home-products-section.style1 custom-salla-product-card {
        flex: 0 0 calc(50% - 3px) !important;
        width: calc(50% - 3px) !important;
        min-width: calc(50% - 3px) !important;
        max-width: calc(50% - 3px) !important;
        box-sizing: border-box !important;
    }
}
@media (max-width: 767px){
.col-lg-4 .carousel-slider .swiper:where([dir=ltr],[dir=ltr] *), salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=ltr],[dir=ltr] *), salla-slider[type]:not(.hydrated)>div:where([dir=ltr],[dir=ltr] *)>.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden
 {
    padding-right: 0 !important;
}
}
section.home-products-section.productsTabs.style1.pb-80.pt-80{
  margin-top: 80px;
}

section#best-offers-3-slider{
  margin-bottom: 80px;
}
/* cart button */ 

.product-item {
    position: relative !important;
}

.product-item .btns {
    position: absolute !important;
    left: auto !important;
    right: 12px !important;
    top: 227px !important;
    bottom: auto !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 20 !important;
}

.product-item .btns salla-add-product-button {
    display: block !important;
    width: 45px !important;
    height: 45px !important;
}

.product-item .btns salla-add-product-button svg {
    fill: #000000 !important;
}


.product-item .btns salla-add-product-button{
    background-color: #ffffff !important;
  border-width:1px;
  border-color:#e5e7eb;
  margin: 0 !important;

}

.product-item .btns .addCart:not(.disabled) salla-add-product-button span
 {
    color: #FFFFFF00 !important;
}

html[dir="rtl"] .product-item .btns salla-add-product-button svg {
      margin-right:0.5px;
      margin-left: 9px;
}

html[dir="ltr"] .product-item .btns salla-add-product-button svg {
      margin-right:15px;
      margin-left: -4.7px;

}


.s-slider-block__title-right{
  justify-content: center !important;
  align-content: center;
}

.product-item .content{
  min-height: 75px;
}

section.home-products-section {
    overflow: hidden;
}

/* footer */ 

path#title_shape\.svg{
  display: none;
}

.row.gy-4.justify-content-between{
  margin-left: 0 !important;
    margin-right: 0 !important;
  justify-content: space-around !important;

}
.footer-copyrights-vat-certificate{
  background-color: #674953 !important ;
}

html[dir="rtl"] .product-item .salla-add-product-button .button-text {
    font-size: 0 !important;
}

html[dir="rtl"] .product-item .salla-add-product-button .button-text svg {
    font-size: initial !important;
}

.footer .links .footer-about-us-links-div a:hover{
  color:#ffffff !important;
}