.pcg-enhanced .thumbnail_container,
.pcg-enhanced .thumbnail_container a,
.pcg-enhanced .woocommerce-LoopProduct-link {
    position: relative;
}

.pcg-enhanced .thumbnail_container {
    overflow: hidden;
}

.pcg-enhanced .thumbnail_container img.pcg-main-image {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity .25s ease, transform .25s ease;
}

.pcg-enhanced .thumbnail_container img.pcg-main-image.is-fading {
    opacity: .92;
}

.pcg-enhanced .pcg-thumbnails {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--pcg-thumb-gap, 10px);
    margin-top: var(--pcg-thumb-top-spacing, 12px);
    padding: 0 10px 10px 10px;
}

.pcg-enhanced .pcg-thumb {
    width: var(--pcg-thumb-size, 44px);
    height: var(--pcg-thumb-size, 44px);
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 999px;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    line-height: 0;
    box-shadow: none;
    transition: transform .2s ease, border-color .2s ease;
}

.pcg-enhanced .pcg-thumb:hover,
.pcg-enhanced .pcg-thumb:focus-visible,
.pcg-enhanced .pcg-thumb.is-active {
    border-color: #222;
    transform: translateY(-1px);
    outline: none;
}

.pcg-enhanced .pcg-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Labels in productoverzichten */
ul.products li.product.pcg-enhanced .thumbnail_container .onsale,
ul.products li.product.pcg-enhanced .inner_product .onsale,
ul.products li.product.pcg-enhanced span.onsale {
    position: absolute !important;
    top: var(--pcg-loop-badge-top, 16px) !important;
    right: var(--pcg-loop-badge-right, 16px) !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 15;
    margin: 0 !important;
    background: var(--pcg-loop-badge-bg, #f3f1ed) !important;
    color: var(--pcg-loop-badge-color, #303030) !important;
    border-radius: var(--pcg-loop-badge-radius, 999px) !important;
    padding: var(--pcg-loop-badge-padding-y, 10px) var(--pcg-loop-badge-padding-x, 18px) !important;
    font-size: var(--pcg-loop-badge-font-size, 16px) !important;
    line-height: 1.1 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    white-space: nowrap;
}

body.single-product div.product,
body.single-product .woocommerce-product-gallery,
body.single-product .single-product-main-image {
    position: relative;
}

/* Labels op de productpagina */
body.single-product .product .onsale {
    position: absolute !important;
    top: var(--pcg-single-badge-top, 16px) !important;
    right: var(--pcg-single-badge-right, 16px) !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 15;
    margin: 0 !important;
    background: var(--pcg-single-badge-bg, #f3f1ed) !important;
    color: var(--pcg-single-badge-color, #303030) !important;
    border-radius: var(--pcg-single-badge-radius, 999px) !important;
    padding: var(--pcg-single-badge-padding-y, 10px) var(--pcg-single-badge-padding-x, 18px) !important;
    font-size: var(--pcg-single-badge-font-size, 16px) !important;
    line-height: 1.1 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    white-space: nowrap;
}

.pcg-enhanced[data-pcg-ratio="1/1"] .thumbnail_container,
.pcg-enhanced[data-pcg-ratio="4/5"] .thumbnail_container,
.pcg-enhanced[data-pcg-ratio="3/4"] .thumbnail_container,
.pcg-enhanced[data-pcg-ratio="4/3"] .thumbnail_container {
    aspect-ratio: var(--pcg-image-ratio);
}

.pcg-enhanced[data-pcg-ratio="1/1"] .thumbnail_container img.pcg-main-image,
.pcg-enhanced[data-pcg-ratio="4/5"] .thumbnail_container img.pcg-main-image,
.pcg-enhanced[data-pcg-ratio="3/4"] .thumbnail_container img.pcg-main-image,
.pcg-enhanced[data-pcg-ratio="4/3"] .thumbnail_container img.pcg-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pcg-data { display:none !important; }