/* Add custom CSS styles below */
img,
a {
  background-color: transparent !important;
}

body.index{
  background-color: #000;
  overflow-x: hidden;
}

body.index .s-search-input::placeholder{
  color: #fff;
}

/*Hero*/
section:nth-child(4) {
  margin: unset;
}
section:nth-child(4) > div,
section:nth-child(8) > div,
section:nth-child(10) > div,
section:nth-child(12) > div {
  padding: unset;
  max-width: unset;
}
/*subHero*/
section:nth-child(5) > div {
  max-width: 600px;
}
/*banners*/
section:nth-child(8) > div,
section:nth-child(10) > div,
section:nth-child(12) > div{
  position: relative;
}
section:nth-child(8) > div::before,
section:nth-child(12) > div::before{
    content: "";
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-image: url("https://e.top4top.io/p_3575k2aul1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section:nth-child(10) > div::before{
    content: "";
    position: absolute;
    z-index: -1;
    height: 250%;
    width: 100%;
    background-image: url(https://h.top4top.io/p_3575qu9vq1.png);
    background-position: center;
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    transform: translateY(-25%);
    background-size: cover;
}

/*categories*/
section:nth-child(6){
  max-width: 1280px;
}
.banner-entry.square-photos:first-child {
  grid-row: unset;
}
.banner-entry.square-photos {
  height: 170px;
}
section:nth-child(6) > div {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: unset;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .banner-entry.square-photos {
    height: 140px;
  }
  section:nth-child(6) > div {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
  }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
  .banner-entry.square-photos {
    height: 110px;
  }
  section:nth-child(6) > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
  }
}

@media screen and (max-width: 425px) {
  .banner-entry.square-photos {
    height: 80px;
  }
  section:nth-child(6) > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
  }
}
/**/

/*products*/
.s-products-slider-card {
  padding: 1rem;
}
.s-product-card-entry.s-product-card-vertical {
  background-color: #121212;
  box-shadow: 0 0 10px 0 black;
}
.s-product-card-content-title a,
.s-product-card-price,
.s-slider-block__title-right {
  color: #fff !important;
}

.s-button-primary-outline,
.s-button-primary-outline:hover {
  background-image: linear-gradient(to right,
  #CC3F00,
  #F46205);
  color: #fff;
  border: unset;
}

/*products page*/
.s-products-list-wrapper.s-products-list-vertical-cards {
  padding: 2rem;
}
/**/

/*Footer*/
footer > div.store-footer__inner,
.store-footer {
  background-image: linear-gradient(to top,
  #FF5C14,
  #010004);
  color: #fff;
  border-style: solid;
}

.copyright-text p{
  color: #fff;
}
/**/