﻿.body--templateproduct main {
    overflow: unset; /* nodig voor sticky */
}

.block__pdpintro .container {
    align-items: flex-start;
}

.block__pdpintro .col--pdpinfo {
    order: 1;
    --margintop: 2rem;
}

@media(min-width: 1024px) {
    .block__pdpintro .col--pdpinfo {
        padding-left: calc((100% - (11 * 4rem)) / 12);
    }
}

.block__pdpintro .col--pdpimages {
    order: 0;
}

.pdp__reviews {
    margin-top: var(--margintop);
    display: flex;
    gap: .5rem;
    align-items: center;
    font-size: var(--fontsize-body-ms);
    line-height: var(--lineheight-body);
}

    .pdp__reviews a {
        margin: 0 .2rem;
    }

        .pdp__reviews a:not(:hover) {
            background-image: linear-gradient(var(--black), var(--black)) !important;
            background-size: 100% .1rem !important;
            background-position: 0 calc(100% - .3rem);
        }

.pdp__features {
    margin-top: var(--margintop);
    font-size: var(--fontsize-body-ms);
    line-height: var(--lineheight-body);
}

    .pdp__features ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: column;
        gap: 1rem;
    }

    .pdp__features li {
        padding-left: 2.5rem;
        position: relative;
    }

        .pdp__features li:before {
            content: "";
            width: 1.2rem;
            height: 1.4rem;
            position: absolute;
            top: .7rem;
            left: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5.26795C12.3333 6.03775 12.3333 7.96225 11 8.73205L3.5 13.0622C2.16666 13.832 0.499999 12.8697 0.499999 11.3301L0.5 2.66987C0.5 1.13027 2.16667 0.168021 3.5 0.937822L11 5.26795Z' fill='url(%23paint0_linear_787_229)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_787_229' x1='5' y1='-2' x2='5' y2='16' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DC5828'/%3E%3Cstop offset='1' stop-color='%23E87722'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
        }

.pdp__price {
    margin-top: var(--margintop);
    font-size: var(--fontsize-body-xl);
    font-weight: 700;
    display: flex;
    gap: 1rem;
}

    .pdp__price .pdp__price--old {
        text-decoration: line-through;
        opacity: .5;
    }

.pdp__addtocard {
    margin-top: var(--margintop);
    padding: var(--margintop) 0;
    border-top: .1rem solid var(--grey-medium);
    border-bottom: .1rem solid var(--grey-medium);
}

    .pdp__addtocard form {
        flex-flow: row;
    }

    .pdp__addtocard .form__input {
        width: 10rem;
        padding-top: .8rem;
        padding-bottom: 1.2rem;
        text-align: center;
    }

.pdp__usps {
    margin-top: var(--margintop);
    font-size: var(--fontsize-body-sm);
    line-height: var(--lineheight-body);
    color: var(--grey);
    padding-bottom: var(--margintop);
    border-bottom: .1rem solid var(--grey-medium);
}

    .pdp__usps ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: column;
        gap: .5rem;
    }

    .pdp__usps li {
        padding-left: 2.5rem;
        position: relative;
    }

        .pdp__usps li:before {
            content: "";
            width: 1.5rem;
            height: 1.5rem;
            position: absolute;
            top: .4rem;
            left: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.11625L0.73125 6.3625C1.95062 6.68875 4.05188 7.44438 5.9375 8.61063C7.92188 6 11.9262 2.73687 14.3475 1.25L15 1.92062L6.25 13.75L0 7.11625Z' fill='url(%23paint0_linear_801_417)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_801_417' x1='0' y1='7.5' x2='15' y2='7.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2339A975'/%3E%3Cstop offset='1' stop-color='%232ADC89'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
        }

.pdp__images {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

    .pdp__images img {
        flex: 1 1 100%;
        background-color: var(--white);
    }

        /* Rij 2: img 2 en 3 → 50% */
        .pdp__images img:nth-child(2),
        .pdp__images img:nth-child(3) {
            flex: 1 1 0;
            min-width: calc(50% - 1rem);
        }

        /* Vanaf rij 3: img 4 t/m 12 → 33.333% */
        .pdp__images img:nth-child(n+4) {
            flex: 1 1 0;
            min-width: calc(33.3333% - 1.3333rem);
        }

        /* === CORRECTIES VOOR LAATSTE RIJEN === */
        /* Rij eindigt met 1 item (100%) */
        .pdp__images img:nth-child(4):nth-last-child(1),
        .pdp__images img:nth-child(7):nth-last-child(1),
        .pdp__images img:nth-child(10):nth-last-child(1) {
            min-width: 100%;
        }

        /* Rij eindigt met 2 items (50% per stuk) */
        .pdp__images img:nth-child(4):nth-last-child(2),
        .pdp__images img:nth-child(5):nth-last-child(1),
        .pdp__images img:nth-child(7):nth-last-child(2),
        .pdp__images img:nth-child(8):nth-last-child(1),
        .pdp__images img:nth-child(10):nth-last-child(2),
        .pdp__images img:nth-child(11):nth-last-child(1) {
            min-width: calc(50% - 1rem);
        }

@media(min-width: 1024px) {
    .pdp__main .container > .col:last-of-type {
        padding-left: calc((100% - (11 * 4rem)) / 12);
    }
}