.subheader-holder {
     background: #FBFCFD;
     font-family: "Work Sans", sans-serif;
     font-optical-sizing: auto;
     .subheader {
         min-height: unset;
         padding: 0;
         .usps-header {
             height: auto;
             .swiper-slide.usp-block {
                 width: auto;
                 padding: 10px 5vw;
                 font-weight: 500;
                 font-size: 10px;
                 color: #3F3F40;
                 text-transform: uppercase;
                 svg {
                     vertical-align: bottom;
                     margin-right: 5px;
                 }
             }
         }
     }
 }
.container {
    &:has(.top-review-block) {
        margin-top: 16px;
    }
}
.top-review-block {
    text-align: center;
    display: flex;
    flex-direction: row;
    gap: 1px;
    justify-content: center;
  	align-items: center;
  	display: none;
    i {
        color: #FAA61A;
        font-size: 11px;
    }
    span {
        margin-left: 2px;
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        a {
            text-decoration: underline;
        }
    }
}
.home-banners {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    .home-banner-holder {
        width: 100%;
        flex-grow:1;
        border-radius: 15px;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        padding: 16px;
        overflow: hidden;
        aspect-ratio: 2.5;
        &.halfwidth {
            width: calc(50% - 4px);
            aspect-ratio: 0.7;
        }
      &:nth-child(5), &:nth-child(6) {
          width: calc(50% - 4px);
          aspect-ratio: .6;
      }
        img {
            position: absolute;
            inset: 0;
            object-fit: cover;
            border-radius: 15px;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        .home-banner-text {
            position: relative;
            z-index: 6;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            text-align: start;
            font-family: "Open Sans", sans-serif;
            color: #fff;
            gap: 8px;
            h2 {
                font-family: "Open Sans", sans-serif;
                font-size: 18px;
                font-weight: bold;
                text-transform: uppercase;
                letter-spacing: 0.05em;
            }
            p {
                font-weight: 400;
                font-size: 16px;
                margin: 0;
                padding: 0;
            }
        }
        .extra-items {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            font-size: 11px;
            width: 100%;
            svg {
                vertical-align: middle;
            }
        }
        &:after {
            z-index: 5;
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.3);
        }
    }
}
.beurzen-homepage {
    gap: 10px !important;
    .intro {
        h3 {
            font-size: 16px !important;
            text-transform: uppercase;
            font-weight: 400 !important;
            text-align: center !important;
        }
    }
}

/* Products slider in home tabs */
.home-products-swiper{ overflow: visible; }
.home-products-swiper .swiper-slide{
    height: auto;
    &:first-child{
        margin-left: 16px;
    }
}

/* Tall homepage slider (redesign) */
.home-banners-slider{ margin: 14px 0 6px; overflow: hidden; }
.home-banners-swiper{ overflow: visible; }
.home-banners-slider .swiper-slide{ width: 88%; }
.home-banners-card{
    position: relative;
    display: block;
    border-radius: 18px;
    overflow: hidden;
    color: #FDFDFD;
    aspect-ratio: 0.8; /* higher card */
    background: #111;
    &:hover{ text-decoration: none; color: #FDFDFD; }
}
.home-banners-card img{
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;
}
.home-banners-card:after{
    content:""; position:absolute; inset:0; z-index:2; background: linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.45) 60%, rgba(0,0,0,0.6) 100%);
}
.home-banners-card .home-banner-text{
    position: absolute; left: 32px; right: 32px; bottom: 20px; z-index: 3;
    display: flex; flex-direction: column; gap: 8px; align-items: flex-start;
    font-family: "Open Sans", sans-serif;
}
.home-banners-card .pre{ color:#FDFDFD;font-size:13px; text-transform: uppercase; letter-spacing: .05em; font-weight:400; }
.home-banners-card h2{ font-size: 24px; line-height: 1.1; font-weight: 600; margin:0; color:#FDFDFD;}
.home-banners-card .sub{  font-size:13px; color:#FDFDFD; margin:0 0 5px; }
.home-banners-card .checks{ list-style:none; margin:4px 0 2px; padding:0; display:flex; flex-direction:column; gap:6px; }
.home-banners-card .checks li{ display:flex; align-items:center; gap:8px; font-size:13px; }
.home-banners-card .cta{ display:inline-block; margin:6px auto 28px; font-size: 13px; color:#fff; text-decoration:none;  &:after{ content:""; display:block; width:90%; margin:4px auto 0; height:2px; background:#4BA630; } }
.home-banners-pagination{ position: absolute; margin-top: 10px; text-align:center; }
.home-banners-pagination .swiper-pagination-bullet{ background-color:transparent!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEtQTFRFAAAAr6+vsrKysrKysbGxsrKysrKysrKyt7e3s7OzsrKyr6+vsrKysbGxxcXF7Ozs+vr6////z8/P2NjY2dnZsbGx6+vr+/v7s7OzIRPt4AAAABl0Uk5TABBwr9//v2Agf+8g34D/////////sP//r2V5TrcAAAC6SURBVHicfZHLEoIwDEVzKc9BHHXl//+fCweQyqO1TVodFLwLkpwhzW0KYsGLbAJoqflTYqKgdIi4foI+KmbNeE2FO5KuqeO9BVUzfatsUY+SVs6KUS3n2YDCcHaUoO4cFuTWx8aG/oX9nSADz9G3efBQZFwd4jTbyy0FX8bIO8E7h1xvbE8FDLYIJGrDoNtkJf1NOtlcD9KjQI3eujxB/ayq+7PYnWfw897nZ6rz6wn/1bM17om9uH4B7H9BZqfV0XAAAAAASUVORK5CYII=); opacity:1; width:22px; height:22px;background-size:11px;background-position:center;background-repeat:no-repeat; }
.home-banners-pagination .swiper-pagination-bullet-active{ background-color:transparent!important; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAH5QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALi4uUlJShoaGbm5uAAAAw8PD5+fn////7u7uzs7OAAAAUlJS2NjYt7e3+vr6uLi4xcXFq6ur9PT0z8/PAAAA6Ojoqqqq7+/vb29vAAAAAAAAAAAAAAAA2dnZAvdt2wAAACp0Uk5TAAUUHStDTTA6CiJIWGR6byam0//esSdjvJv0m6aP6bET0pDdbkQsSSG8OtNqFwAAAi9JREFUeJy9ldtS2zAQhrXyOaQhpkCmU8rpou//OMz0opwKM9ATBDd2HEvV7kq2jA30qrpwPNanX/8epID45wH/CwXAj1rrN1ApwX3SslYvo0HUmxRaNeNopvsgweFqBJ1AzS+x8QAtEf4ZoHP+FEfWLEBZ8cTdM5TJvPYdRUXlsW5mssHne6j6VtP7zoNFM4p0exiWKlBdrTo0wt8taeeTtUqdvHzAR9miQYC7r5mTD4jlMRSdh6ZxKIrm5FZMf6ytXp4+0dJlxbKEHt+Yxw5lNbvzjO5TcmffzGOjGE20E53e9oL6QLqV2UdtGMX96evWL7S5KEy1ZtfmLZ5VdiddEwoRboM9t33dJYLSRBbIQa3BWX2H02sjsnA1x3VsCx1sFNhUZSF6/u7k23B2K6vQNA5N0YR+cvI0lm5hXQ7Q+dUAncIAJVNk4OOjJWkhGcgvHYphxckrYS2FC4uSRWJUK64Rv9M6kudkUQkISB6xARYrLfQcU5wnhS3h0Reu1udz54BarhvcwGjL9HzXLhyOKjyS6xb9FF27iNSszgPqZlm6po4zPhQoavb3W3uvZKnwHuEkzHjNs9YmWdtyiJUydtqUCBRtj+Hh1y5N/uAGDrxjaA+39dCOBOhwn54JMbwydvwDo+uxK6O9iPK04C7Uk998IAcXkfNAzk21tD24J3AmBqjIDi4GYUkYuzTNCE77sKxfuIpxHN8eOlrrg3N/auxv4wib7tPFW38br4y/sJTkKxfZQs8AAAAASUVORK5CYII=); background-size:22px;}


.home-tabs-wrap{ position:relative; margin: 2px 0 8px; padding: 0; display:flex; }
.home-tabs{ display:flex; gap:36px; overflow-x:auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; padding: 12px 0; cursor: grab; user-select: none; scroll-behavior: smooth; align-items:center; }
.home-tabs:active{ cursor: grabbing; }
.home-tabs::-webkit-scrollbar{ display:none; }
.home-tab{
    flex:0 0 auto; scroll-snap-align: start; text-transform: uppercase;
    font-size: 18px; color:#B9B9B9; text-decoration: none; font-weight: 400;
    &[data-id="bestsellers"]{padding-left: 18px;}
    &:last-child{ padding-right: 18px; }
}
.home-tab.is-active{
    color:#000; font-weight: 600; position: relative;
    &:after{
        content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:#000;
    }
    &[data-id="bestsellers"]:after{left: 18px;}
    &[data-id="handdoek"]:after{right: 18px;}
}



/* Home tabs panels visibility */
.bestsellers_content, .sale_content, .elektrisch_content, .handdoek_content{ overflow: hidden; display:none; }
.bestsellers_content{ display:block; }

.container.home-grid.fluid div[class*="_content"]{
    overflow:hidden;display:none;
}

.container.fluid {
    padding-left: 0;
    padding-right: 0;
}

.product-block-holder.boxed-border {
    border: unset;
    padding: 0;
    .product-block-image {
        background: #d4d4d4;
        border-radius: 4px;
        img {
            aspect-ratio: 1;
            object-fit: cover;
            opacity: .9;
            object-position: center;
        }
    }
    .product-label {
        display: none;
    }
    .gezienop {
        font-size: .7rem;
        font-weight: 500;
        background-position: 93% 50%;
        right: unset;
        width: 145px;
    }
    .stars {
        i {
            padding: 0;
            font-size: 12px;
            background: transparent;
            color: #F6C752;
        }
    }
    .brand {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0,0,0,0.3);
        text-transform: capitalize;
    }
    .with-brand {
        a {
            font-weight: 600;
            font-size: 16px;
        }
    }
    .product-block-price {
        display: flex;
        flex-direction: row;
        gap: 5px;
        .price-old {
            order: 2;
            color: rgba(0,0,0,0.6);
            font-size: 14px;
        }
        strong {
            order: 1;
            color: #FF5A00;
            font-size: 16px;
            font-weight: 700;
        }
        .price-discount {
            order: 3;
            background: #FF5A00;
            padding: 3px 8px;
            color: white;
            letter-spacing: -.36px;
            font-size: 12px;
            font-weight: 400;
            border-radius: 4px;
        }
    }
    .quick-order {
        float: unset;
        display: block;
        form {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
        }
        a.button {
            background: #02BE2B;
            border: 2px solid #0FB433;
            text-align: center;
            letter-spacing: -.36px;
            font-size: 12px;
            font-weight: 400;
            border-radius: 4px;
            width: 100%;
        }
    }
}
.home-products-more {
    background: black;
    padding: 21px;
    width: calc( 100% - 32px);
    text-align: center;
    color: white;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin: 30px 16px 0;
}
.review-title {
    text-align: center;
    font-weight: 600;
    font-size: 26px;
    color: black;
    text-transform: uppercase;
    span {
        color: #CC121E;
    }
}
.review-stars {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    div {
        background: #FFC107;
        border-radius: 50px;
        padding: 4px 12px;
        color: white;
        font-weight: 400;
        font-size: 13px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
        span {
            margin-bottom: -3px;
        }
    }
}
.review-slider-container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
    .review-wrapper .rv-nav-button {
        background: white;
        color: black;
        border-radius: 8px;
    }
    .review-carousel {
        gap: 0;
        grid-auto-columns: 80%;
        li.review-card {
            padding: 0 0 0 16px;
            border: unset;
            background: transparent;
            height: auto !important;
            a,.review-card-content {
                background: #FAFBFF;
                border-radius: 20px;
                padding: 26px 30px;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                .review-rating {
                    gap: 4px;
                }
                .rv-author-name {
                    font-weight: 400;
                    font-size: 15px;
                }
                .rv-profile-pic {
                    height: 42px;
                    width: 42px;
                }
            }
            .review-footer-block {
                display: none;
            }
        }
    }
}
.blogs span.h3 {
    font-size: 24px;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 16px;
}
.blog-swiper {
    .swiper-slide {
        padding-left: 16px;
        margin-right: 0;
        .blog-block {
            background: #F5F5F5;
            border-radius: 16px;
            overflow: hidden;
            border: unset;
            .date {
                color: rgba(0,0,0,0.5);
                font-size: 14px;
                font-weight: 400;
                position: relative;
                top: unset;
                left: unset;
                display: inline-block;
                text-align: left;
                align-self: baseline;
                background: transparent;
                box-shadow: unset;
                padding-left: 0;
            }
            .img-holder {
                border-radius: 16px;
                overflow: hidden;
            }
            .summary {
                border: unset;
                gap: 10px;
                .title {
                    font-weight: 600;
                    font-size: 16px;
                    text-transform: uppercase;
                }
                > p {
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 26px;
                    opacity: .5;
                    height: 5rem;
                }
                .button-txt {
                    font-weight: 500;
                    font-size: 16px;
                    color: black !important;
                    text-transform: unset;
                    letter-spacing: unset;
                }
            }
        }
    }
    .home-banners-pagination {
        position: relative;
        top: unset;
        bottom: unset;
        .swiper-pagination-bullet {
            height: 6px;
            width: 6px;
            background: black !important;
            border-radius: 50%;
            opacity: .4;
            border: 1px solid white;
            &.swiper-pagination-bullet-active {
                border: unset;
                opacity: 1;
            }
        }
    }
}
.home-intro-text {
    p.pre-title {
        color: #808080;
        font-size: 14px;
        font-weight: 400;
    }
    h2 {
        font-weight: 600;
        color: black;
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 25px;
    }
    p:not(.pre-title) {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #808080;
        margin-bottom: 0;
    }
}
.home-banners-slider .arrow.img-arrow-right,
.home-products-swiper .arrow.img-arrow-right {
    right: 0;
    border-radius: 8px 0 0 8px;
}
.home-products-swiper { position: relative; }
.home-banners-slider .arrow,.home-products-swiper .arrow  {
    position: absolute;
    top: 50%;
    z-index: 1000;
    padding: 10px;
    background: white;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}

.home-faq-section {
  .usps-accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: #E5E5E5;
    border-radius: 8px;
    overflow: hidden;
  }

  .usp-item {
      background: #fff;
  }

  .usp-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px 20px;
      cursor: pointer;
  }

  .usp-title {
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 500;
      font-size: 12px;
      color: #1A8917;
  }

  .checkmark {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      background: #1A8917;
      border-radius: 50%;
      flex-shrink: 0;
  }

  .toggle-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 29px;
      height: 29px;
	    aspect-ratio 1;
      background: #000;
      border: none;
      border-radius: 50%;
      cursor: pointer;
    	padding: 0;
      flex-shrink: 0;
      transition: transform 0.3s ease;
    }
    .usp-item:not(.active) .toggle-btn {
      background: #D9D9D9;
    }

  .toggle-btn .icon-plus {
      display: block;
  }

  .toggle-btn .icon-minus {
      display: none;
  }

  .usp-item.active .toggle-btn .icon-plus {
      display: none;
  }

  .usp-item.active .toggle-btn .icon-minus {
      display: block;
  }

  .usp-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      padding: 0 20px 0 56px;
    font-size: 13px;
    line-height: 18px;
  }

  .usp-item.active .usp-content {
      max-height: 500px;
      padding: 0 20px 20px 56px;
  }

  .usp-content p {
      margin: 0;
      font-size: 13px;
      line-height: 1.6;
      color: #666;
  }
}

.card {
    background: #f5f5f563;
    padding: 20px;
    margin: 0;
    border-radius: 16px;
    width: calc(50% - 5px);
    font-size: .95rem;
  .card {
  	background: transparent;padding:10px;
  }
}
.card h3 {
    font-size: 1rem;
}

/* Media Queries */
@media screen and (min-width: 680px) {
    .home-banners .home-banner-holder {
        width: calc(50% - 4px);
        flex-grow: 0;
    }
}

@media screen and (min-width: 850px) {
  
    .home-banners .home-banner-holder {
        width: calc(33% - 4px);
        flex-grow: 0;
        aspect-ratio: 1.8;
    }
    .home-banners .home-banner-holder.halfwidth {
        width: calc(33% - 4px);
        aspect-ratio: 0.85;
    }
    .home-banners .home-banner-text p {
        font-size: 12px;
    }
    .beurzen-homepage {
        flex-direction: column !important;
    }
    .product-block-holder.boxed-border .with-brand a {
        font-size: 14px;
        height: 3.6rem;
        overflow: hidden;
        display: inline-block;
        line-height: 1.2rem;
    }
    .home-products-more {
        max-width: 500px;
        font-size: 14px;
        margin: 30px auto 0;
    }
    .review-slider-container .review-carousel {
        grid-auto-columns: 30%;
    }
    .blog-swiper .swiper-slide .blog-block .summary .title {
        line-height: 1.2rem;
        height: 2.4rem;
        display: inline-block;
        overflow: hidden;
    }
}

@media (min-width: 850px) {
    .home-banners .home-banner-holder.halfwidth,.home-banners .home-banner-holder:nth-child(5), .home-banners .home-banner-holder:nth-child(6) {
        width: calc(33% - 4px);
        aspect-ratio: 0.85;
    }
}

@media (max-width: 768px) {
  .card {width:100%!important;}
    .hidden-mobile {
        display: none;
    }
    .top-review-block {
        display: block;
        margin-bottom: 14px;
    }
    .top-review-block span {
        font-size: 12px;
    }
}