/* Add custom CSS styles below */ 
/* =========================
   SECTION 1
========================= */

/* 
.s-advertisement-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0.625rem;
}
.s-advertisement-content-main {
    flex: 1 1 0%;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    margin-top: 15px;
} */
.index .store-header {
    position: absolute;
    width: 100%;
    z-index: 10;
    margin-top: 47px !important;
}
.store-header .header-btn {
    padding: 0.5rem 1rem;
    font-size: 12px;
    border-radius: 999999px;
    color: #000000;
    background-color: #ffffff;
}
.store-header #mainnav.fixed-header .inner {
    backdrop-filter: blur(151px);
    background: #000;
}
body{
  background-color: #fff !important;
}
section:nth-of-type(1) {
  background-color: transparent;
      margin-top: 185px;
}

section:nth-of-type(1) .container {

  max-width: 100%;
  margin: 0;
  padding: 0;
  background-image: none;
}

section:nth-of-type(1) img {
  max-width: 100%;
  height: auto;
  display: block;
  background-color: transparent;
}
    .ZA_categories-1 .grid-container {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        transform: scale(2.3);
        max-width: 590px;
        margin: auto;
        margin-top: 100px;

    }
.product-image img{
  width: 300px;
  height: 300px;
  margin: auto;
  
}

 .ZA_categories-2 .grid-container {
              grid-template-columns: repeat(6, minmax(0, 1fr));
       transform: scale(2.3);
        max-width: 590px;
        margin: auto;
        margin-top: 100px;
      
    }
.footer-is-light .store-footer .store-footer__inner{
  background-color: #DAE4E2 !important
}
.footer-is-light .store-footer .store-footer__inner svg
{
  fill:#fff;

}
.s-social-link a{
    background-color: #7DA197 !important;
}
.footer-is-light .store-footer {
    background-color: #7DA197 !important;
  color: #000;
}
.bg-\[\#FF9F0D\]{
  background-color: #fff !important;
}
.newsletter h2{
   color: #000;
}
form input{
  background-color: #C35731 !important;
  color:#fff !important;
}
.newsletter-email{
    background-color: #fff !important;
}
.newsletter-email::placeholder {
    color: #000;
    opacity: 1;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}
@media (max-width: 767px) {
.ZA_categories-1 .grid-container {
  grid-template-columns: repeat(3, minmax(0, 1fr));
        transform: scale(1.6);
        max-width: 250px;
        margin: auto;
        margin-top: 100px;
        padding-bottom: 30px;
}
  .index .store-header {
    position: absolute;
    width: 100%;
    z-index: 10;
    margin-top: 47px !important;
    position: relative;
}
  .sicon-store:before{
    color:#fff !important;
  }
  .ZA_categories-2 .grid-container {
   grid-template-columns: repeat(3, minmax(0, 1fr));
        transform: scale(1.6);
        max-width: 250px;
        margin: auto;
        margin-top: 100px;
        padding-bottom: 30px;
}
}

}
/* Home فقط */
body.home .main-menu li > a {
    color: #fff !important;
}

body.home .main-menu li.root-level > a {
    color: #fff !important;
}
.main-menu li > a {
    color: #7DA197 !important;
}
.main-menu li.root-level > a {
    color: #7DA197 !important;
}


    .main-menu li > a:hover {
        background-color: var(--category-bg-color);
        color: #fff !important;
    }