:root {
  --color-primary: #004aad;
}
/* start of top nav */
.top-navbar {
  background-color: #004aad;
  color: #a6cbd3;
  .s-search-input {
    background-color: rgba(25, 91, 180, 50);
    &::placeholder {
      color: #a6cbd3;
    }
  }
}
/* end of top nav */
/* 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: 2.5rem;
  .container {
    max-width: 95%;
  }
  .banner--fixed img {
    background-color: transparent !important;
  }
}

/* end of other banners */
/* start of features */
.s-block--features__item {
  background-color: transparent;
}
/* end of features */

/* start of categories swiper */
.s-block--categories {
  .slide--cat-entry {
    height: auto;
    background-color: transparent;
    border: none;
    .sicon-clothes-hanger,
    h2 {
      display: none;
    }
  }

  .slide--cat-entry::before {
    content: "";
    display: block;
    width: 194px;
    height: 144px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  a[href*="categories/1598523388"]::before {
    background-image: url("https://i.ibb.co/mV3rwz9T/image.png");
  }

  a[href*="categories/1113932282"]::before {
    background-image: url("https://i.ibb.co/PzPk43Xv/image.png");
  }

  a[href*="categories/474112251"]::before {
    background-image: url("https://i.ibb.co/dsRTS4CX/image.png");
  }

  a[href*="categories/366136774"]::before {
    background-image: url("https://i.ibb.co/wF5nGr93/image.png");
  }

  a[href*="categories/830737344"]::before {
    background-image: url("https://i.ibb.co/5xjj5TVq/image.png");
  }

  a[href*="categories/2029025228"]::before {
    background-image: url("https://i.ibb.co/dsQKq33n/image.png");
  }
}
/* end of categories swiper */

/* start of media screen */
@media (width < 1200px) {
.s-block--categories .swiper-slide{
    margin-inline: 1rem;
  }
}
@media (width < 600px) {
.s-block--categories .swiper-slide{
    margin-inline: .5rem;
  }
  .s-block.s-block--fixed-banner {
    margin-block-start: 1.5rem;
    .container {
      padding: 0;
      margin: 0;
      max-width: 100%;
    }
  }
}
/* end of media screen */