/* Add custom CSS styles below */ 
.bg-inherit {
    background-color: #eddbc1;
}
.navbar-brand img {
    height: 64px;
max-height: 150px;
max-width: 150px;
}
.s-slider-nav-arrow svg{
    fill: #7c8082;
    box-shadow:none
}

/* navbar  */ 
/* الهدف: العنصر <a class="banner banner--fixed"> */
.rounded-full{
border-radius: 20%;

}

.circle-links-2{
 background-color: rgba(0, 0, 0, 0);
 
  }
  
 .s-slider-v-centered .s-slider-block__title-nav button{
  margin: -40px;
 background: #4c5849 ;
    border-radius: 15%;
   }
   
.store-footer{
background-color:red;
}

.product-card__image .product-card__promotion{
background-color:red;
}
.store-links-items {
  columns: 2; /* عرض الروابط في عمودين */
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 40px; /* تباعد بين العمودين */
  list-style: none;
  padding: 0;
  text-align: right;
  direction: rtl;
}

.store-links-items li {
  break-inside: avoid;
  margin-bottom: 10px;
  position: relative;
  padding-right: 20px;
  font-size: 15px;
  color: #444;
}

.store-links-items li::before {
  content: "›"; /* سهم بسيط بجانب كل رابط */
  position: absolute;
  right: 0;
  color: #b89973;
  font-weight: bold;
}

.store-links-items a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}

.store-links-items a:hover {
  color: #ff6600;
}


.footer-description+p{
 margin:30px
}



body.index div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(7) .md\:grid-cols-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
}
    
body.index div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(7) > div > div:nth-child(1) {
    grid-row: span 2 / span 2 !important;
}


body.index  div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(7) > div > div:nth-child(3) {
    grid-column-start: 2;
    grid-row-start: 2;
}

body.index  div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(7) > div > div:nth-child(4) {
    grid-column-start: 3;
    grid-row-start: 1;
}

body.index  div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(7) > div > div:nth-child(5) {
    grid-column-start: 3;
}



section.s-block.s-block--fixed-banner.wide-placeholder 
  > .container:not(
   section.s-block.s-block--fixed-banner.wide-placeholder.s-block--animate.fixed-banner--9 > .container
  ) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: unset !important; 
  }


.banner--fixed img {
    border-radius: 0 !important;
}

.banner-entry.anime-item  a {
    opacity:1 !important;
    padding:0;
    height:100% !important ;
}

.banner-entry.anime-item {
    height:100%;
    padding:0 !important;
}

salla-advertisement.hydrated .s-advertisement  {
    background-color:#505f3d !important;
}

custom-salla-product-card {
    background-color:#f2f2f2 !important;
}


body.index div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(17)     .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }


   body.index div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(17)   .two-row .banner-entry:first-child {
        grid-column: span 1 / span 1;
        grid-row: span 1 / span 1;
    }


body.index div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(17) {
    background-color:#4f5f3d;
    padding-block:5rem;
    margin-top:-5px;
    margin-bottom:-3px;
    
}

body.index footer.store-footer.s-block--animate {
    margin-top:0;
}

section.s-block.s-block--fixed-banner.wide-placeholder.s-block--animate.fixed-banner--10 {
    margin-top:-7rem;
}

section.s-block.s-block--fixed-banner.wide-placeholder.s-block--animate.fixed-banner--9 {
    z-index:12;
}

section.s-block.s-block--banners.container.s-block--animate .s-block__title {
    justify-content:center;
    align-items:center;
    
}

section.s-block.s-block--banners.container.s-block--animate .s-block__title h2 {
    font-size:40px;
    order:2;
    color:#515f3e;
    
}


section.s-block.s-block--banners.container.s-block--animate .s-block__title  .right-side.anime-item {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem;
    padding:0;
}



span.childrenSpan {
    order:1;
    border:1px solid #310001;
    width: 90px;
    position:relative;
}

span.childrenSpan:after{
    content:"";
    position:absolute;
    height:15px;
    width:15px;
    border:1px solid #310001;
    left:-20px;
    top:50%;
    transform:translateY(-50%);
    background-color:#fff;
    border-radius:50%;
}

span.childrenSpan-2 {
    order:3;
        border:1px solid #310001;
    width: 90px;
    position:relative;
}

span.childrenSpan-2:after{
    content:"";
      content:"";
    position:absolute;
    height:15px;
    width:15px;
    border:1px solid #310001;
    right:-20px;
    top:50%;
    transform:translateY(-50%);
    background-color:#fff;
    border-radius:50%;
}





@media(max-width:992px){
    body.index div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(17)     .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

  body.index div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(17) {
    background-color:#4f5f3d;
    padding-block:3rem;
    margin-top:-4px;
    margin-bottom:-2px;
    
}

body.index footer.store-footer.s-block--animate {
    margin-top:0;
}

section.s-block.s-block--fixed-banner.wide-placeholder.s-block--animate.fixed-banner--10 {
    margin-top:-2rem;
}

section.s-block.s-block--fixed-banner.wide-placeholder.s-block--animate.fixed-banner--9 {
    z-index:12;
}

section.s-block.s-block--banners.container.s-block--animate .s-block__title {
    justify-content:center;
    align-items:center;
    
}

section.s-block.s-block--banners.container.s-block--animate .s-block__title h2 {
    font-size:30px;
    order:2;
    color:#515f3e;
    
}


section.s-block.s-block--banners.container.s-block--animate .s-block__title  .right-side.anime-item {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem;
    padding:0;
}



span.childrenSpan {
    order:1;
    border:1px solid #310001;
    width: 80px;
    position:relative;
}

span.childrenSpan:after{
    content:"";
    position:absolute;
    height:15px;
    width:15px;
    border:1px solid #310001;
    left:-20px;
    top:50%;
    transform:translateY(-50%);
    background-color:#fff;
    border-radius:50%;
}

span.childrenSpan-2 {
    order:3;
        border:1px solid #310001;
    width: 80px;
    position:relative;
}

span.childrenSpan-2:after{
    content:"";
    position:absolute;
    height:15px;
    width:15px;
    border:1px solid #310001;
    right:-20px;
    top:50%;
    transform:translateY(-50%);
    background-color:#fff;
    border-radius:50%;
}


  

}