/* BEGIN STYLING BLACK FRIDAY */

#productpage .product-info .discounts-wrap.blackfriday .discount-option-original{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-right: 35px;
  padding-left: 20px;
  border-left: 6px solid transparent;
  border-bottom: 1px solid #ececec;
  font-size: 15px;
  text-decoration: line-through;
  background: #f2f5f9;
}

#productpage .product-info .discounts-wrap.blackfriday .discount-option-original .price{
  font-weight: bold;
}

#productpage .product-info .discounts-wrap.blackfriday .discount-option.active, 
#productpage .product-info .discounts-wrap.blackfriday .discount-option.active:hover{
  border-left: 6px solid #000;
  background-color: #ff6700;
  color: #fff;
}

#productpage .product-info .discounts-wrap .discount-option .percentage{
  background: #000;
  color: #fff;
}

#productpage .product-info .main-price-wrap.with-discounts .price-discounted-black{
  margin-top: 5px;
}

#productpage .product-info .main-price-wrap .price-discounted-black{
  font-size: 13px;
  font-weight: lighter;
}

#productpage .product-info .main-price-wrap.with-discounts .prijs-korting-black{
  font-weight: bold;
  color: #000;
  vertical-align: middle;
  font-size: 16px;
}

#productpage .product-info .main-price-wrap .price-discounted-black span{
  color: #ff6700;
  font-weight: bold;
  vertical-align: middle;
  font-size: 16px;
}

/* Begin styling black friday headline homepage */

.blackfriday__headline{
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  max-height: 510px;
}

.blackfriday__headline::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
}

.blackfriday__headline img{
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.blackfriday__text{
  position: absolute;
  z-index: 99;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 8px;
}

.blackfriday__title{
  font-size: 64px;
  font-weight: 900;
  font-family: "Mulish", sans-serif;
  text-transform: uppercase;
  line-height: 1.2em;
  max-width: 240px;
}

.blackfriday__title span{
  color: #FF6900;
  font-weight: 500;
  font-family: "Delicious Handrawn", cursive;
  font-weight: 400;
  font-style: normal;
}

.blackfriday__subtext{
  font-size: 20px;
  max-width: 350px;
}

.blackfriday__subtext span{
  color: #FF6900;
  font-weight: bold;
}

.blackfriday__btn{
  margin-top: 16px;
  background: #FF6900;
}

@media(min-width: 1100px){
  .blackfriday__btn:hover{
    background: #fff;
    color: #000;
  }
}

.blackfriday__discount{
  position: absolute;
  color: #FFFFFF;
  font-size: 64px;
  font-family: "Mulish", sans-serif;
  font-weight: 900;
}

.blackfriday__discount.first{
  left: 110px;
  top: 74px;
}

.blackfriday__discount.second{
  left: 259px;
  top: 198px;
}

.blackfriday__discount.third{
  right: 70px;
  top: 75px;
}

.blackfriday__discount.fourth{
  right: 200px;
  top: 210px;
}

@media(max-width: 992px){
  .blackfriday__discount.first{
    left: 30px;
  }
  .blackfriday__discount.second{
    left: 109px;
    top: 228px;
  }
  .blackfriday__discount.fourth{
    right: 80px;
    top: 260px;
  }
}

@media(max-width: 767px){
  .blackfriday__headline{
    margin-top: 20px;
    max-height: none;
  }
  .blackfriday__title{
    font-size: 52px;
  }
  .blackfriday__headline img{
    height: 470px;
  }
  .blackfriday__discount.first{
    left: 30px;
    top: 20px;
  }
  .blackfriday__discount.second {
    left: 29px;
    top: 308px;
  }
  .blackfriday__discount.third{
    right: 10px;
    top: 40px;
  }
  .blackfriday__discount.fourth {
    right: 20px;
    top: unset;
    bottom: 20px;
  }
}

/* Collection headline */

.blackfriday-subs{
  display: flex;
  gap: 20px;
  margin-top: 20px;
  overflow: auto;
  justify-content: center;
}

.blackfriday-subs .sub-block{
  border: 2px solid #dae1e7;
  min-width: 200px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #FF6900;
  transition: 0.2s ease all;
  border-radius: 8px;
}

@media(min-width: 1100px){
  .blackfriday-subs .sub-block:hover{
    background: #000;
    border-color: #000;
  }
}
@media(max-width: 992px){
  .blackfriday__headline.collection .blackfriday__title{
    font-size: 42px;
  }
  .blackfriday__headline.collection .blackfriday__subtext{
    font-size: 16px;
  }
}

@media(max-width: 767px){
  .blackfriday__headline.collection .blackfriday__discount{
    display: none;
  }
  .blackfriday__headline.collection img{
    height: auto;
  }
  .blackfriday__headline.collection .blackfriday__title{
    font-size: 32px;
  }
  .blackfriday__headline.collection .blackfriday__subtext{
    font-size: 16px;
  }
  .blackfriday-subs .sub-block{
    font-size: 16px;
    padding: 12px;
    min-width: 120px;
  }
}
/* End styling black friday headline homepage */

/* END STYLING BLACK FRIDAY */