.zieny-ar-btn, .threed-button {
    background: #1e1e1c;
    right: 16px;
    position: absolute;
    top: 16px;
    padding-inline: 21px 51px;
    &:hover, &:focus {
        background: #1e1e1c;
    }
    &:before {
        left: auto;
        right: 19px;
        width:20px;
        height:20px;
        top: auto;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21.829' height='24.964' viewBox='0 0 21.829 24.964'><g transform='translate(-63.142 -31.261)'><path d='M201.14,33.676,204.014,32l2.874,1.676' transform='translate(-129.956 0.009)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/><line y2='4.312' transform='translate(74.058 31.886)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.25'/><path d='M206.887,448l-2.874,1.676L201.14,448' transform='translate(-129.956 -394.2)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/><line y1='4.312' transform='translate(74.058 51.288)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.25'/><path d='M64,117.467v-3.327l2.784-1.651' transform='translate(0 -76.265)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/><line x2='3.525' y2='2.095' transform='translate(64 37.876)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.25'/><path d='M397.634,304.49v3.327l-2.784,1.651' transform='translate(-313.519 -258.207)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/><line x1='3.525' y1='2.095' transform='translate(80.59 47.514)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.25'/><path d='M66.784,309.493,64,307.817V304.49' transform='translate(0 -258.207)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/><line y1='2.095' x2='3.491' transform='translate(64 47.514)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.25'/><path d='M394.85,112.49l2.784,1.651v3.327' transform='translate(-313.519 -76.265)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/><line x1='3.525' y2='2.095' transform='translate(80.59 37.876)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.25'/><path d='M256,229.029v-3.353L258.874,224' transform='translate(-181.942 -181.934)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.25'/><line x1='2.874' y1='1.676' transform='translate(71.184 42.066)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.25'/></g></svg>");

    }
}

button.threed-button.btn {
    left: 52px;
    right: auto;
    bottom: auto;
    top: -97px;
}

.custom-desc2 {
    display:none;
}
.glightbox-clean .gslide-description {
    background: none;
}

.cta-step1 {
    margin-top: 32px;
    display: flex;
    background: #F4F4F0;
    img {
        min-height: 100%;
        min-width: 186px;
        max-width: 186px;
        object-fit: cover;
        @media (max-width: 1300px) {
            display: none;
        }
    }
    .cta-wrapper {
        padding: 34px 40px 26px 40px;
        p {
            text-wrap-style: balance;
            font-weight: 500;
            line-height: 1.3333333;
            margin-bottom: 30px;
        }
    }
}
.check-btns {
    margin-block: 0px 30px;
}

.configurator-layout .container .check-btns .form-control--wrapper--checkbox label span {
    background-color: #F2F2F2;
    border-radius: 20px;
    border: 2px solid #F2F2F2;
}

.info-box {
    display: flex;
    gap: 14px;
    margin-bottom: 26px;
    p {
        max-width: 400px;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.375;
    }
    .icon {
        width: 20px;
        height: 20px;
        margin-top: 5px;
    }
}

.product-overview-cta {
    position:relative;
    background: #1B1C1C;
    height: 243.16px;
    grid-column: 1 / span 3;
    .wrapper {
        z-index:1;
        position: relative;
        margin: 50px 40px;
        display: flex;
        .text {
            margin-left: 32px;
            display: flex;
            flex-direction: column;
            h2 {
                max-width:460px;
                font-family: "astoria", sans-serif;
                font-size: 1.75rem;
                color: #fff;
                font-weight: 500;
            }
            h3 {
                text-transform: uppercase;
                font-size: 1.125rem;
                font-weight: 600;
                color: #777;
                margin-bottom: 4px;
            }
            .link-icon-variant {
                margin-top:13.5px;
                color: #fff;
            }
        }
    }
        &:before{
            position: absolute;
            top: 0;
            right: 0;
            width: 497px;
            height: 100%;
            content: '';
            background: no-repeat;
            /* background-image: url('/assets/templates/images/dewithekwerken-ijzendoorn-nt1-3172.png'); */
        }
        &:after{
            z-index: 0;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 70%;
            height: 100%;
            background: #1B1C1C;clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
        }
    .icon {
        width: 38px;
        height: 38px;
        background: #7B190F;
        display: flex;
        justify-content:center;
        align-items: center;
    }
}


.product-overview-small-cta {
    background: #EBAD07;
    position: relative;
    
    &:after {
        background: no-repeat;
        content: '';
        position: absolute;
        background-image: url(/assets/templates/images/svg/logo-grey-half.svg);
        bottom: 0;
        right: 0;
        width: 87px;
        height: 202px;
    }
    
    @media (min-width: 767px) {
        min-height: 455px;
    }
    
    .wrapper {
        height: 100%;
        position: relative;
        padding: 40px;
        .icon {
            position: absolute;
            top:0;
            right:0;
        }
        h2 {
            color: #fff;
            line-height: 1.2;
        }
        p {
            color: #fff;
            max-width: 190px;
            line-height: 1.25;
            margin-bottom: 40px;
        }
        .link-icon-variant {
            position: absolute;
            bottom: 57px;
            color: #fff;
            &:before {
                background-image: url('/assets/templates/images/svg/icon-btn-black.svg');
            }
            
        }
    }
}

.product-overview-filters .container {
      display: grid;
      grid-template-columns: 1fr auto; /* twee kolommen voor de eerste rij */
      grid-template-rows: auto;  
}
.filters-overview, .product-overview {  
    /* flex: 1; */
}
 .pagination {  grid-column: 1 / -1;
    padding-block: 55px 119px;

    @include media("<=large") {
        padding-block: 50px 70px;
    }

    @include media("<medium") {
        padding-block: 30px 50px;
    }

    ul {
        list-style: none;
        margin: 0;
        display: flex;
        justify-content: center;
        gap: 40px;
        flex-wrap: wrap;

        @include media("<=large") {
            gap: 20px;
        }

        li {
            a {
                font-size: 1.5rem;
                line-height: 1;
                font-weight: 500;
                text-transform: uppercase;
                padding-bottom: 12px;
                border-bottom: 1px solid transparent;
                position: relative;
                width: 35px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                letter-spacing: 0.48px;
                left: -16px;

                @include media("<=large") {
                    position: static;
                }

                &.is-active {
                    font-weight: 600;
                    border-bottom: 1px solid #ebae09;
                }

                &:after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    width: 0;
                    height: 1px;
                    background-color: #1e1e1c;
                    transition: width ease-in-out 0.3s;
                }

                &:hover, &:focus {
                    &:after {
                        width: 100%;
                    }
                }
            }
        }
    }
}

.page-offerte-aanvragen .form-pagination {
    position: relative;
    right: unset;
    bottom: unset;
    float: right;
    margin-top: 20px;
}

.form-group.file.has-value > label {
    display: none;
}

@media (max-width: 767px) {
    .page-intro-sidebar + .centered-text, .image-slider + .centered-text {
        padding-bottom: 0;
    }
    .page-intro-sidebar .text .highlight-text {
        margin-top: 45px;
    }
    .page-offerte-aanvragen .form-offerte-aanvragen__item {
        padding: 25px 0 25px 0 !important;
    }
    .page-offerte-aanvragen .form-offerte-aanvragen .form {
        padding-bottom: 10px;
    }
    .cta-line .cta-line-container {
        width: calc(100% - 5px);
    }
    .page-offerte-aanvragen .form-offerte-aanvragen-container:after {
        top: 49%;
    }
    .cta-line span {
        padding: 4px 43px 9px 9px;
    }
    body.menu-open .header__nav-mobile {
        height: calc(100dvh - 95px);
    }
    .page-content section:first-child {
        top: 8px;
    }
    .page-intro-homepage {
        .grid {
            .sidebar-content {
                padding-inline: 16px;
            }
        }
    }
    .page-intro-homepage .grid .sidebar-content .contactperson__wrapper {
        gap: 32px
    }
    .btn-alt{
        width: fit-content;
    }
    .page-intro-homepage .grid .sidebar-content .contactperson .info a {
        width: fit-content;
    }
    .tabs-homepage {
        border-left: none;
    }
    .project-spotlight .projects-container .project-overview-item .project-info {
        display: block;
    }
    .footer .menu-container.open .menu-items ul {
        padding: 16px 0;
    }
    .showtuin-section .info {
        display: flex;
        flex-direction: column;
    }
    .product-overview-cta {
        grid-column: 1;
    }
    .product-overview-filters .container {
        grid-template-columns: 1fr;
    }
    .header.mobile-bg .header__wrapper::before {
        display:none;
    }
    .product-overview-filters {
        margin-top: 32px;
    }
    .product-overview-cta {
        height: auto;
        &:before {
            display:none;
        }
        &:after {
            display:none;
        }
    }
    .product-overview-cta {
        .icon {
            left: -15px;
            top: -40px;
            position: absolute;
        }
        .wrapper {
            margin: 50px 27px;
        }
    }
    .centered-text {
        padding-bottom: 64px;
    }
    .configurator-navigator {
        padding-block: 16px 0;
    }
    .contactperson {
        flex-direction: row;
        align-items: center;
        gap: 32px;
    }
    .contactperson .info {
        flex-direction: column;
        align-items: start;
    }
    .contactperson .info ul {
        align-items: flex-start;
        margin-left: 0 !important;
    }
    .page-maatwerk .configurator-layout .container .sidebar:last-of-type {
        padding:10px 16px;
    }
    .configurator-layout.maatwerk .container .sidebar:nth-of-type(2) {
        bottom: 10px;
    }
    .page-maatwerk .configurator-layout .container .sidebar:last-of-type .price, .page-maatwerk .configurator-layout .container .sidebar:last-of-type .price.price__small {
        padding-inline: 16px;
    }
    .page-maatwerk .configurator-layout .container .sidebar:last-of-type table {
        margin: 40px 16px 16px 16px;
    }
    .configurator-layout .container .sidebar .pictures {
        max-width: calc(100vw - 32px);
    }
    .image-with-text .highlight-text {
        margin-bottom: 0;
    }
    section.image-with-text .text-container {
        padding: 32px 0 !important;
    }
    .image-with-text+.image-with-text {
        padding-top: 16px;
    }
    .form-afspraak-maken, .form-offerte-aanvragen, {
        margin-bottom: 64px;
    }
    .person-quote {
        padding-bottom: 64px;
    }
    body .pagetitle {
        margin: 0 16px;
    }
    .breadcrumbs {
        flex-wrap: wrap;
    }
    .pagetitle.cta .grid>div {
        grid-column: 1/12 span;
    }
    .pagetitle.cta .cta {
        width: 100%;
    }
    .form-group.textarea label {
        top: -2px;
    }
    .header.landingspage .btn-arrow-back {
        text-wrap-style: balance;
    }
    .header.landingspage .header__wrapper {
        gap: 64px;
    }
    .contact-form-sidebar {
        padding-bottom: 64px;
    }
    .project-overview .featured-project .info {
        max-width: unset;
    }
    .project-images {
        padding-block: 49px 0px
    }
    .sidebar-form {
        padding-block: 64px 101px;
    }
    .page-content .page-intro-sidebar {
        margin-top: 0;
    }
    .three-columns-cta {
        padding: 50px 16px;
    }
    .tabs-image {
        border-left: none;
    }
    .image-four-grid h2 {
        font-size: 40px;
        line-height: 1.1;
    }
    .logo-slider .swiper-slide {
        display:flex;
        justify-content:center;
        align-items: center;
        width: auto;
    }
    .logo-slider {
        .swiper-wrapper {
            margin-top: 16px;
            gap: 16px
        }
    }
    .logo-slider .slider-container {
        padding: 20px 0 40px 0;
    }
    .page-content .page-intro-sidebar {
        padding-bottom: 0;
    }
    .our-team {
        padding-block: 0 100px;
    }
    .faq .faq-container ul .accordion-item .accordion-title {
        line-height: 1.3;
    }
    .faq {
        padding-block: 30px 80px;
    }
    .page-intro-sidebar .text {
        padding-block: 0px 42px;
    }
    .pagetitle .medium-12 h1 {
        font-size: 1.3rem;
    }
    .customer-slider__title {
        line-heigt: 1.25;
    }
    .centered-text{
        //padding-block: 30px 130px;
    }
    
    .form-afspraak-maken, .form-offerte-aanvragen {
        padding-block: 30px 90px;
    }
    
    .image-four-grid__wrapper-left {
        margin-top: 0;
    }
    
    .image-four-grid .container {
        grid-column: 1 / 12 span;
        padding-inline: 16px;
    }
}

.image-four-grid__wrapper-item::after {
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 100%);
}
.image-wrapper {
    background-color: #fff;
}

/* Aanpassingen maart 2026 */
.home-banner.alt {
    &::before {
        display: none;
    }
    
    + .home-banner {
        display: none;
    }
    
    .home-banner-swiper {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        
        &::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(/assets/templates/images/svg/home-banner-overlay.svg);
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 2;
        }
        
        .home-banner-slide {
            height: 100%;
            
            img {
                object-fit: cover;
                height: 100%;
                width: 100%;
            }
        }
    }
}
/* Aanpassingen maart 2026 */