.webshop-productdetails .webshop-product-search,
.webshop-back-link {
    display: none;
}

.productDetails {
    display: grid;
    gap: 2rem;
    grid-template-areas:
        'image'
        'order'
        'specs'
        'info';
    padding-block-start: 1rem;
}

/**
 * Header
 */

.productDetails__publisher {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-block-end: var(--rowGutter);
    font-family: var(--fam-light);
    font-size: var(--txtSize-7);
}

.productDetails__publisherLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--clr-brdr-light);
    border-radius: var(--radius-md);
}

.productDetails__publisherLogo .imageInDialog {
    line-height: 1;
}

.productDetails__title {
    margin-block-end: .5rem;
    font-size: var(--txtSize-2);
    font-family: var(--fam-medium);
}

.productDetails__subTitle {
    display: block;
    margin-block-end: .5rem;
    font-family: var(--fam-medium);
    font-size: var(--txtSize-6);
}

.productDetails__meta {
    font-family: var(--fam-light);
    margin-block-end: calc(var(--rowGutter) * 2);
}

.productDetails__meta span + span::before {
    content: '|';
    margin-inline: .5em;
}

/**
 * Image
 */

.productDetails__images {
    grid-area: image;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.productDetails__secondaryImages {
    margin: 1em 0 0;
}

.productDetails__imageWrapper {
    padding: 3rem 2rem;
    text-align: center;
    border: 1px solid var(--clr-brdr-light);
    border-radius: var(--radius-lg);
}

/**
 * Order
 */

.productDetails__orderWrapper {
    grid-area: order;
}

.productDetails__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-block: 1rem;
    font-family: var(--fam-medium);
    font-size: var(--txtSize-2);
    color: var(--clr1-normal);
}

.productDetails__price .regular {
    font-size: var(--txtSize-4);
    color: var(--clr-black);
}

.productDetails__price .regular::before {
    content: 'Niet-ledenprijs:  ';
    font-size: var(--txtSize-5);
    font-family: var(--fam-light);
}

.productDetails__price > .currency-symbol,
.productDetails__price .action .currency-symbol {
    font-size: 80%;
}

.productDetails__price .action {
    order: -1;
    flex: 0 100%;
}

.productDetails__actions {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-block-end: 1.5rem;
}

.productDetails .product-quantity {
    width: 4rem;
    text-align: center;
}

.productDetails .add-to-shopping-cart-link {
    margin: 0;
}

.productDetails .add-to-shopping-cart-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.productDetails .add-to-shopping-cart {
    display: flex;
    gap: 1rem;
}

.productDetails .add-to-shopping-cart,
.productDetails .add-to-shopping-cart:hover,
.productDetails .product-add-to-favorites,
.productDetails .product-add-to-favorites:hover,
.productDetails .product-remove-from-favorites,
.productDetails .product-remove-from-favorites:hover {
    position: relative;
    z-index: 1;
    text-decoration: none;
}

.productDetails .productDetails__stock {
    color: var(--clr1-normal);
}

.productDetails .productDetails__stock[data-productamount="0"] {
    color: var(--clr-black);
}

.productDetails__adsolutProductStockText {
    margin-block-end: var(--rowGutter);
    font-size: var(--txtSize-6);
}

/**
 * Text
 */

.productDetails__infoWrapper {
    grid-area: info;
}

.productDetails__infoTitle {
    margin-block-end: 2rem;
    font-size: var(--txtSize-3);
}

/**
 * Specs
 */

.productDetails__specsWrapper {
    grid-area: specs;
}

.productDetails__specsList {
    padding: 2rem 2rem 0;
    border: 1px solid var(--clr-brdr);
    border-radius: var(--radius-md);
}

.productDetails__specsRow {
    display: flex;
    flex-wrap: wrap;
    margin-block-end: 1.5rem;
}

.productDetails__specsRow h4 {
    flex: 0 100%;
    margin-block-end: .5em;
    font-size: var(--txtSize-4);
}

.productDetails__specsTitle,
.productDetails__specsValue {
    flex-basis: 50%;
    margin: 0;
    padding-block: .3rem;
    word-wrap: break-word;
    font-size: var(--txtSize-6);
}

.productDetails__specsTitle {
    color: var(--clr-grey);
}

/**
 * USP
 */

.productDetails-usp {
    margin: 0;
    padding: 1rem 1.5rem;
    list-style: '';
    border-radius: var(--radius-md);
    background: var(--clr1-xlight)
}

.productDetails-usp li:before {
    content: '\1327';
    margin-inline-end: 1rem;
    font-family: var(--fam-icon);
    color: var(--clr1-normal);
}

@media (min-width: 768px) {
    .productDetails {
        gap: 4rem 5rem;
        grid-template-columns: 1fr 32em;
        grid-template-areas:
        'image order'
        'info specs';
        padding-start: 3rem;
    }
}

@media (min-width: 1200px) {
    .productDetails__imageWrapper {
        flex: 1;
    }

    .productDetails__images {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .productDetails__secondaryImages {
        margin: 0 1em 0 0;
    }
}