/* Add custom CSS styles below */ 
/********************* body ************************/

body{
    background-color:#fff6ef
}

/************  header **************/
body.index div#mainnav {
    margin-bottom: 0px !important;
     padding-bottom:0px;
}

/* استثناء الـ navbar المثبت */


body.index .inner.bg-inherit {
    background-color:transparent !important;
    position:fixed;
    box-shadow:none !important;
    z-index:9999;
    width:100%
}

body.index .container.flex.items-stretch.justify-between.relative {
     background-color:#ffffff70   !important;
    z-index:9;
    border-radius:20px;
    margin-top:2rem;
    box-shadow:none !important;
    padding:5px;
    z-index:9999
}
.main-nav-container .header-search,
i.header-btn__icon.icon.sicon-cart ,
i.sicon-search
 {
    background: #af2c2c !important;
    color: white !important;
    border: 0px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: 0.3s;
}
b.s-cart-summary-total{
   color:  #af2c2c !important;
}
@media(max-width:767px){
     body.index .container.flex.items-stretch.justify-between.relative{
        margin-top:1rem;
    } 
}
.product-single div#cartat_fwp {
        bottom: 10rem !important;
}
/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top:0px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}
section.s-block.s-block--photos-slider.container.first-of-type\:mt-4.first-of-type\:sm\:mt-8{
    max-width:100% !important;
    padding:0
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

section.s-block.s-block--photos-slider.container.first-of-type\:mt-4.first-of-type\:sm\:mt-8 {}

footer {
    background-color:#ffffff
}

@media(min-width:1024px){
 div.card-content > div.actions > salla-add-product-button > div > salla-button > button > span > svg {
  display:none;
 }
 }
 .actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* زر Apple Pay - الترتيب الأول */
.apple-pay-btn {
  order: 1 !important;
}

/* زر إضافة للسلة - الترتيب الثاني */
.salla-add-product-button {
  order: 2 !important;
}

/* زر المفضلة - الترتيب الثالث */
.btn--wishlist {
  order: 3 !important;
}