/* Add custom CSS styles below */
body:not(.product-single) {
    background-color: #000 !important;
}
@media(min-width:576px){
  .index #mainnav{
  background: transparent !important;
}
#mainnav.fixed-header{
  background: #fff !important;
}
.index #main-content{
  margin-top: -150px !important;
}

}
.navbar-brand img{
  max-height: 100px !important;
  height: 100px !important;
}

/** banners blocks **/
section.s-block.s-block--fixed-banner {
    margin-top: 0;
}

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
    background-color: transparent !important;
}

.banner--fixed img {
    border-radius: 0 !important;
    background-color: transparent !important;
}
/** End banners **/

/* Section 2 */
section:nth-of-type(2) {
    background-image: url('https://i.ibb.co/6cd991fM/Generative-Expand-1.png');
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

section:nth-of-type(2) .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

section:nth-of-type(2) .banner-entry {
    background-color: transparent !important;
}

section:nth-of-type(2) .two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1 / span 1;
}

/* Responsive */
@media (max-width: 768px) {
    section:nth-of-type(2) .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    section:nth-of-type(2) .banner-entry {
        height: 100px !important;
    }
}

.content--single-page {
  background: inherit !important;
  width:100% !important;
}

 .content .content-entry img {
   margin: 0px !important;
}


.root-level[data-menu-item] a[href*="سياسة-الإستبدال-والإسترجاع"] {
    display: none !important;
}

.page-single .main-menu *{
  color: #000 !important;
}


.store-footer .store-footer__inner{
  background-color: #000 !important;
  color: #fff !important;
}

@media (max-width: 992px) {
    .store-footer__inner * {
        justify-content: center;
        text-align: center;
    }
}

.page-single .breadcrumbs *,
.page-single h1,
.top-navbar .container *{
  color: #fff !important;
}

.product-single .top-navbar{
  background: #000 !important;
}