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

body{
    background-color:#fff6ef
}

/************  header **************/

@media(max-width:767px){
body.index div#mainnav {
    position:absolute;
}
}

@media(min-width:1024px){
body.index header.store-header {
    position:absolute !important;
}
}
.offers-wrapper .hide-top-ad {
    display:none
}

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

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

#mainnav > div > div {
    background-color:#ffffff70 !important;
    border-radius:20px
}

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

}
.main-nav-container.fixed-pinned .inner {
    backdrop-filter: blur(0px) !important;
}
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;
   border-radius:50% ;
}
@media(max-width:767px){
    body.index .container.flex.items-stretch.justify-between.relative{
        margin-top: 0.5rem;
         padding-block:0;
    } 
i.header-btn__icon.icon.sicon-cart , .header-search {
        height: 2rem;
    width: 2rem;
}

.navbar-brand img {
    max-height: 41px;
    width: auto;
    max-width: 170px;
}
}

b.s-cart-summary-total{
   color:  #af2c2c !important;
}
@media(max-width:767px){
     body.index .container.flex.items-stretch.justify-between.relative{
        margin-top:0.5rem;
    } 
}
.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;
}
/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}
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;
}

@media(max-width:1024px){
.hidden.md\:block.footer-contacts {
    display:block !important;
}
.footer-wrapper *{
    justify-content:center;
    text-align:center
}
}


/************  Section 1 **************/
section.s-block.s-block--banners.container .grid {
      display:grid!important;
      grid-template-columns: repeat(6, 1fr) !important;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    justify-content:center !important;
}

section.s-block.s-block--banners.container a.banner-entry {
    background-size:contain !important;
     background-color:transparent;
}

section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded {
    background-size:contain !important;
    background-repeat:no-repeat
}


@media(max-width:767px){
section.s-block.s-block--banners.container .grid {
      display:grid!important;
      grid-template-columns: repeat(3, 1fr) !important;
      grid-template-rows: repeat(2, 1fr) !important;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    justify-content:center !important;
}
section.s-block.s-block--banners.container .banner-entry {
    background-color: transparent;
}
footer {
    margin-bottom:5rem !important;
}

section.s-block.s-block--banners.container a.banner-entry {
    background-size:contain !important;
    height: 155px;
}


label.inline-block.mb-1.cursor-pointer.select-none {
    display:none 
}
.card-content {
    gap:0px !important;
}
}


.content-wrapper {
    max-height: 100% !important;
}
label.inline-block.mb-1.cursor-pointer.select-none {
    display:none;
}.recent-orders-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 12px 0;
  background-color: #1C3F2C;
  color: #ffffff;
}

.order-card-top {
  width: 180px;
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  text-align: center;
  position: relative;
}

.order-card-top .flag {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
}

.order-card-top p {
  margin: 6px 0;
  font-size: 14px;
  color: #333;
}

.order-card-top .order-price {
  margin-top: 8px;
  font-weight: bold;
  color: #8B0000;
  font-size: 16px;
}



.product-rating.flex.items-center.gap-1.mb-1 {
    justify-content:center
}


salla-button.btn--wishlist.animated.s-button-wrap.hydrated {
    display:none
}

span.hidden.xs\:block.px-1 {
    display:block
}

.s-social-link a svg {
    color:#b62c29
}
.s-social-link a svg {
        color: white !important;
}
.mx-auto.max-w-7xl.px-6.lg\:px-8 {
    width:100% !important;
    max-width:100% !important;
}