.section-product-container {
  margin-top: 0 !important;
  z-index: 10;
}

.bf-banner-wrapper {
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 30;
  background: #071AFF url(img/mobile.jpg) center center / cover no-repeat;
}
.bf-banner-wrapper:hover {
  text-decoration: none;
  cursor: pointer;
}
.master.store .bf-banner-wrapper {
  pointer-events: none;
  cursor: default;
}

.bf-banner-content {
  max-width: 1100px;
  padding: 0 10px;
  text-align: center;
  margin: auto;
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  color: #ffffff;
  padding-top: 49px;
  padding-bottom: 46px;
 font-variation-settings:
    "ELGR" 1,
    "ELSH" 0;
  }

.bf-banner-heading {
  font-size: clamp(7.6rem, 6.743rem + 2.679vw, 8.8rem);
  font-weight: 800;
  line-height: 0.8;
  letter-spacing: -0.24rem;
  text-transform: uppercase;  
  font-stretch: normal;
  font-optical-sizing: auto;
  font-style: italic;
}


.bf-banner-text {
  font-size: clamp(3rem, 2.714rem + 0.893vw, 3.4rem);
  font-weight: 700;
  line-height: 1.3;
  margin-top: clamp(1.9rem, 2.309rem + -1.091vw, 1rem);
  text-transform: uppercase;  
  letter-spacing: -0.1rem;
}


.store-category-item-inner {
  position: relative;
  margin-top: 20px;
}
.bf-add-discount img {
  position: relative;
  z-index: 1;
}
.bf-add-discount::after {
  content: attr(data-price);
  display: inline-block;  
  position: absolute;
  z-index: 12;
  top: 15px;
  left: 50%;
  margin-left: 10%;
  padding: 4px 8px 5px;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  transform-origin: top right;
/*
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg);
*/
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  border-radius: 35px;
  background: #FB4782;

}

@media only screen and (min-width: 668px) {
  .bf-banner-wrapper {
    background-image: url(img/tablet.jpg);
  }
}

@media only screen and (min-width: 769px) {
/* delete */
  .home .bf-banner-wrapper {
    margin-top: 6rem;
    margin-bottom: -6rem;
  }
  .bf-banner-content {
    padding-top: 66px;
    padding-bottom: 46px;
  }
  .bf-banner-heading {
    font-size: clamp(8.8rem, 3.09rem + 7.425vw, 12rem);
  }
  .bf-banner-text {
    font-size: clamp(3.4rem, 0.545rem + 3.712vw, 5rem);
    line-height: 1.3;
    position: relative;
    top: -9px;
  }
}
@media only screen and (min-width: 1000px) {
  .bf-banner-wrapper {
    background-image: url(img/desktop.jpg);
  }

}