/* Add custom CSS styles below */ 
.banner-entry {
    position: relative;
    height: 500px;
}

.has-overlay:after {
    background-color: rgb(50 50 50 / 34%);
  }
  
  .sticky-add-to-cart {
  
  top: unset !important;
  bottom: 0 !important;
  }
  
  
.navbar-brand img {
    max-height: unset !important;
    width: auto;
    max-width: 100px;
}

@media (min-width: 480px) {
    .navbar-brand img {
        max-width: unset !important;
    }
}

#mainnav .logo {

       -webkit-filter: brightness(10);
       filter: brightness(10);
}

.s-cart-summary-count {
    top: 3px;
    background-color: #ffffff !important;
    color: #000000 !important;
}


@media (min-width: 1600px) {
        .\33xl\:container {
            max-width: 100vw !important;
            margin: 0;
            padding: 0;
        }
}

.cart-actions [href="/checkout"] {
display: none !important;
}


@media (max-width:578px) {

.banner-entry {
    position: relative;
    height: 275px !important;
    background-size: contain;
}
}

.country-button {
background: transparent !important;
}

.swiper {
margin-bttom: 1rem;
}
[lang="ar"] .swiper .swiper-wrapper .swiper-slide:nth-child(3), [lang="en"] .swiper .swiper-wrapper .swiper-slide:nth-child(4)
 {
display:none !important;
}





@media (max-width: 578px) {
  .store-header.m-shape-2 .inner .header-inner {
    display: grid;
    padding: 8px 0;
    grid-gap: 0.3rem;
    /* add a sixth column for the flag */
    grid-template-columns: 
      40px  /* menuIcon */
      40px  /* searchIcon */
      auto  /* logo */
      40px  /* authIcon */
      40px  /* cartIcon */
      48px; /* langSwitchIcon (flag width) */

    /* declare six named areas in order */
    grid-template-areas: 
      "menuIcon searchIcon headerLogo authIcon cartIcon langSwitch";
  }
  
  /* now hook your new wrapper into that sixth area */
.header-icon.langSwitchIcon {
  grid-area: langSwitch;
}


}