@keyframes logoScale {
    0%,
    100% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(1.3);
      opacity: 0.9;
    }
  }




.s-count-down-item-value {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s-count-down-item:nth-child(4) .s-count-down-item-value::after {
  content: "يوم";
  font-size: 12px;
  margin-top: 4px;
  opacity: 0.7;
}

.s-count-down-item:nth-child(3) .s-count-down-item-value::after {
  content: "ساعة";
  font-size: 12px;
  margin-top: 4px;
  opacity: 0.7;
}

.s-count-down-item:nth-child(2) .s-count-down-item-value::after {
  content: "دقيقة";
  font-size: 12px;
  margin-top: 4px;
  opacity: 0.7;
}

.s-count-down-item:nth-child(1) .s-count-down-item-value::after {
  content: "ثانية";
  font-size: 12px;
  margin-top: 4px;
  opacity: 0.7;
}






.s-count-down-item::after {

    --tw-content: ''!important;
    content: ''!important;
  
}




.banner_content:has(.double_banner_btn){
        padding: 2rem!important;
        align-items: start!important;
    justify-content: flex-end!important;
    width:100%!important;
}

img.max-w-full.max-h-full.object-cover{
    height:100%!important;
    border-radius:20px!important;
}
.double_banner_btn{color: #1f2937!important;border: 1px solid #fcba5ead!important;background-color: #fcba5ee8!important;border-radius:5px!important;font-size: 0.8rem;}
.double_banner_btn:hover{

    color: #1f2937!important;
    border: 1px solid #fcba5e!important;
    background-color: #fcba5e!important;
}

.s-block--slider-with-bg .slider-bg:before{

    opacity: 0.1;
}

section:has(.athena-slide-right-left){
    flex-direction:row!important;
 
}
section:not('.discount-count-down-banner') .athena-slide-right-left,section:not('.discount-count-down-banner') .athena-slide-left-right{
    width:50%!important;
}

.home_component_subtitle{/* text-shadow: 0 1px 0 rgb(255 255 255), 0 3px 6px rgb(255 255 255); */}

.section-spacing {
        margin-top: 3rem!important;
    }


.athena-card {
    border-radius: 20px!important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 10px 2px!important;
    margin-bottom:1rem!important;
}
.athena-image-container {

    aspect-ratio: 1!important;
}
.store-header{
 box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;   
}

/* nav not homepage */
.navbarbg {
    
    background-color: #ffffffcc;
    
}
.navbarbg a,.navbarbg svg path {
    stroke: #5a5b5d!important;
    color:#5a5b5d!important;
}
.navbarbg a:hover{
 
    color:#fcba5e!important;
}
.navbarbg svg:hover {

      filter: drop-shadow(5px 5px 5px #fcba5e);
    
}

.navbar-overlay-transparent>.navbarbg a,.navbar-overlay-transparent>.navbarbg svg path {
    stroke: white!important;
    color:white!important;
}
.navbar-overlay-transparent>.navbarbg a:hover{
  
    color:#fcba5e!important;
}
/* sticky nav */
.nav-background-blur::before {

    backdrop-filter: blur(15px);
    background-color: #57585a6e;
}

.store_categories_section salla-slider .slide--one-sixth {
        width: 20%!important;
    }
.loading-screen {
 
    background: rgb(254 254 254);

}

.navbar-brand img {

max-height:5rem;

}


.img-shine-wrapper {
    border-radius: 0;
    width: 200px;
    height: 200px;
}
.img-shine-wrapper img {
  
    border-radius: 12px;

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.store_categories_section salla-slider .slide--one-sixth {
        width:25%!important;
    }
    
}

@media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
.store_categories_section salla-slider .slide--one-sixth {
        width:20%!important;
    }
     
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape)  {
.store_categories_section salla-slider .slide--one-sixth {
        width:30%!important;
    }
}



@media (min-width: 320px) and (max-width: 480px) {
    .banner_content:has(.double_banner_btn){
        padding: 0.5rem!important;
       
}
    .double_banner_btn {
    font-size:0.8rem!important;
    padding: 5px 10px!important;
    }
    .athena-slide-right-left .bg-cover,.athena-slide-left-right .bg-cover{

    height:30vh!important;
}
    .store-footer{
justify-content: center!important;
        text-align:center!important;
    }
     .store-footer a{
justify-content: center!important;
     
    }
        .centered-carousel-item {
        width: 61vw !important;
        height: 43vh !important;
        margin: 0;
    }
.store_categories_section salla-slider .slide--one-sixth {
        width:45%!important;
    }
.img-shine-wrapper {
    border-radius: 0;
    width: 140px;
    height: 140px;
}

    
}

@media (min-width: 900px) {
.image-section{

    width:80%!important;
    height:70vh!important;
}
     
}