:root {
  --bg-body: #333333;
  --bg-topnav: #1d1f1e;
  --color-topnav: #a6cbd3;
  --bg-mainnav: #3c3a3b;
  --color-mainnav: #ffffff;
  --color-title: #ffffff;
  --color-price: #2ecc71;
  --color-sale-price: #e63946;
  --color-discount: #27ae60;
  --btn-bg: #a2d378;
}
/* start of top nav */
.top-navbar {
  background-color: var(--bg-topnav);
  color: var(--color-topnav);
  .s-search-input {
    background-color: rgba(25, 91, 180, 0.5);
    &::placeholder {
      color: var(--color-topnav);
    }
  }
}
/* end of top nav */
body.index {
  background: var(--bg-body);

  .s-breadcrumb-wrapper * {
    color: var(--color-topnav);
    fill: var(--color-topnav);
  }
  #page-main-title {
    color: white;
  }
  .s-reviews-container {
    * {
      color: white;
    }
    .s-reviews-testimonial {
      background-color: var(--bg-mainnav);
    }
  }

  #mainnav {
    background-color: var(--bg-mainnav);
    * {
      color: var(--color-mainnav);
      fill: var(--color-mainnav);
    }
    .sub-menu {
      border: 0;
      ul {
        background-color: var(--bg-mainnav);
      }
    }
    .sub-menu,
    .s-user-menu-dropdown {
      background: var(--bg-mainnav);
    }
    .s-user-menu-trigger {
      background: transparent;
    }
  }
  /* start of main banner */
  .store-header + .s-block.s-block--fixed-banner {
    margin-top: 0;
    .container {
      padding: 0;
      margin: 0;
      max-width: 100%;
    }
    .banner {
      width: 100%;
      margin: 0;
    }
    img {
      width: 100%;
      height: auto;
      border-radius: 0;
    }
  }
  /* end of main banner */
  /* start of other banners */
  .s-block.s-block--fixed-banner {
    margin-block-start: 1rem;
    .container {
      max-width: 95%;
    }
    .banner--fixed img {
      background-color: transparent !important;
    }
  }
  /* end of other banners */

  .s-slider-block__title {
    h2 {
      color: var(--color-title);
    }
  }
  .s-product-card-entry {
    background-color: var(--bg-mainnav);
    .s-product-card-image {
      background-color: var(--bg-mainnav);
    }
    .s-product-card-content {
      .s-product-card-content-title a {
        color: var(--color-title);
      }
      h4 {
        color: var(--color-price);
      }
      .s-product-card-sale-price {
        h4 {
          color: var(--color-sale-price) !important;
        }
        span {
          color: var(--color-discount);
        }
      }
    }
  }
}
.s-button-primary-outline,.s-button-primary {
        color: var(--color-title);
        border-radius: 0 !important;
        border: 0;
        background-color: var(--btn-bg);
      }