/*	Viewport sizes and paddings
	***************************/
/*	Colors
	******/
/*	Fonts
	*****/
#home-hero.black-friday {
  background: linear-gradient(0deg, #0d171c 0%, #162830 100%); }
  #home-hero.black-friday #hero-image img.overlay {
    position: absolute;
    width: 45%;
    height: auto;
    object-fit: contain;
    min-height: auto;
    top: 0;
    left: 23%;
    bottom: auto;
    right: auto; }
  #home-hero.black-friday .pc-check form {
    background: rgba(35, 97, 122, 0.3); }

article.black-friday-content .green-check {
  background: #eef3f5;
  margin-bottom: 1px;
  padding: 11px 20px 14px 20px; }
  article.black-friday-content .green-check h2:before {
    background: url(/assets/img/svg/vink-groen.svg);
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
    width: 21px;
    height: 21px;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    bottom: 2.5px;
    margin-right: 5px; }

article.black-friday-content .btn.large {
  width: 100%;
  box-sizing: border-box; }

article.black-friday-content .alert {
  display: block;
  margin: 0; }

#black-friday-bar {
  position: relative; }
  #black-friday-bar .center-layout {
    background: black;
    color: white; }
  #black-friday-bar a {
    color: white; }
    #black-friday-bar a:hover {
      color: rgba(255, 255, 255, 0.8); }

#black-friday {
  background: black;
  color: white; }
  #black-friday .center-layout {
    padding: 0 20px; }
    #black-friday .center-layout a {
      display: inline-block;
      color: white; }
      #black-friday .center-layout a:hover {
        color: rgba(255, 255, 255, 0.8); }

@media (min-width: 801px) {
  #home-hero.black-friday > img {
    opacity: 0.2; }
  #black-friday {
    line-height: 32px;
    font-size: 22px;
    text-align: center;
    padding: 33px 0 24px 0; }
    #black-friday .label {
      height: 32px;
      padding-left: 7px;
      line-height: 32px;
      margin: 0 24px 0 24px; }
      #black-friday .label:after {
        width: 32px;
        height: 19px;
        right: -19px; }
    #black-friday a.smaller {
      font-size: 16px; }
  body.category #black-friday .inline-logo, body.product-detail #black-friday .inline-logo {
    height: 30px;
    border-right: 7px solid transparent; }
  body.providers.black-friday article.black-friday-content h1.large {
    line-height: 51px;
    font-size: 40px;
    margin-bottom: 20px; }
  body.providers.black-friday article.black-friday-content .center-layout .image {
    float: right;
    padding-left: 20px;
    box-sizing: border-box;
    max-width: 45%;
    border-left: 1px solid #b2c8d1; }
  body.providers.black-friday article.black-friday-content .center-layout .p {
    max-width: 55%;
    min-height: 474px;
    box-sizing: border-box;
    padding-right: 40px;
    padding-bottom: 80px; }
  #black-friday-bar {
    width: fit-content;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 150px auto 40px auto;
    text-align: center; }
    #black-friday-bar .center-layout {
      border-radius: 14px;
      padding: 20px 26px;
      box-sizing: border-box; }
    #black-friday-bar:before {
      content: '';
      position: absolute;
      z-index: 5;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: -110px;
      display: block;
      background: no-repeat center/100% auto url("/assets/img/visuals/black-friday-2025.webp");
      width: 505px;
      height: 121px; }
  body.category #black-friday {
    padding: 33px 0 180px 0;
    border-bottom: 1px solid #b2c8d1;
    position: relative; }
    body.category #black-friday:before {
      content: '';
      position: absolute;
      z-index: 0;
      margin: 0 auto;
      left: 0;
      right: 0;
      bottom: 44px;
      display: block;
      background: no-repeat center/100% auto url("/assets/img/visuals/black-friday-2025.webp");
      width: 505px;
      height: 121px; }
  body.category #header {
    margin-bottom: 0; }
  body.category .category-layout {
    position: relative;
    z-index: 1; }
  body.category .category-tabs {
    margin-top: -41px; }
  body.product-detail #black-friday {
    position: relative;
    z-index: 1; }
    body.product-detail #black-friday a.smaller {
      display: none; }
  article#product-detail #side-column .center-layout .top {
    top: 165px; } }

@media (max-width: 800px) {
  #home-hero.black-friday .fill.fill-y:after {
    background: linear-gradient(0deg, #111b20 36%, rgba(22, 58, 70, 0) 100%); }
  #home-hero.black-friday.provider .fill:not(.fill-y):after {
    background: linear-gradient(0deg, #122127 1%, rgba(18, 33, 39, 0) 100%); }
  #home-hero.black-friday .center-layout {
    padding-top: 0; }
  #home-hero.black-friday #hero-image img.overlay {
    width: 40%;
    top: 30%;
    left: auto;
    right: 16%; }
  #black-friday-bar {
    margin: 22% 15px 15px 15px; }
    #black-friday-bar .center-layout {
      padding: 15px;
      border-radius: 4px; }
    #black-friday-bar:before {
      content: '';
      position: absolute;
      z-index: 0;
      margin: 0 auto;
      left: 15px;
      right: 15px;
      bottom: 85%;
      display: block;
      background: no-repeat center/100% auto url("/assets/img/visuals/black-friday-2025.webp");
      width: calc(100% - 30px);
      height: 0;
      padding-bottom: 23.960396%;
      max-width: 100%; }
  body.category #black-friday .inline-logo, body.product-detail #black-friday .inline-logo {
    border-left: 3px solid transparent; }
  #black-friday {
    padding: 20px 0; }
    #black-friday .center-layout {
      padding: 0 15px; }
      #black-friday .center-layout strong:after {
        width: 21.9px;
        height: 20px;
        top: 2px;
        margin: 0 1px 0 5px; }
    #black-friday a.smaller {
      display: none; }
    #black-friday br {
      display: none; }
  body.providers.black-friday article.black-friday-content h1.large {
    line-height: 41px;
    font-size: 30px;
    margin-top: 40px; }
  body.providers.black-friday article.black-friday-content .image {
    text-align: center; }
    body.providers.black-friday article.black-friday-content .image img {
      max-width: 300px; }
  body.providers.black-friday .center-layout .product-advice {
    margin: 0 -15px; }
  body.category .category-layout {
    padding-top: 0; }
  body.category #black-friday {
    padding-top: 60px;
    padding-bottom: calc(23.96% + 25px);
    position: relative;
    overflow: hidden; }
    body.category #black-friday:before {
      content: '';
      position: absolute;
      z-index: 0;
      margin: 0 auto;
      left: 15px;
      right: 15px;
      bottom: 10px;
      display: block;
      background: no-repeat center/100% auto url("/assets/img/visuals/black-friday-2025.webp");
      width: calc(100% - 30px);
      height: 0;
      padding-bottom: 23.960396%;
      max-width: 500px; } }

@media (max-width: 480px) {
  #home-hero.black-friday #hero-image img.overlay {
    top: 34%; }
  #black-friday a span {
    display: none; } }