/* Keep space between the module viewer and the product cards. */
#wd-ffc08e73 {
    margin-bottom: 64px !important;
}

/* Bring the orange section's product group fully inside its background. */
#wd-01acf6ed {
    padding-top: 42px !important;
    padding-bottom: 12px !important;
}

#wd-01acf6ed #wd-4072e76a {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}

/* Balance the tall module image with the copy beside it. */
#wd-189eee25 #wd-00dc5d23 {
    width: min(100%, 360px);
    margin-inline: auto;
}

#wd-189eee25 #wd-00dc5d23 img {
    display: block;
    width: 100%;
    height: auto;
}

/* Give all three product cards the same image area without stretching images. */
#wd-a097208b .wd-product {
    height: 100%;
}

#wd-a097208b .wd-product-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#wd-a097208b .wd-product-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    overflow: hidden;
}

#wd-a097208b .wd-product-img-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#wd-a097208b .wd-product-img-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#wd-a097208b .wd-entities-title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
}

/* Keep the silver frame's AI alpha fringe outside the visible 360° image. */
.wp-block-wd-degree-view .threed-view-images img[src*="hikingpv-v6-t480-front"] {
    clip-path: inset(5.6% 9.5% 7.1% 9.5%);
}

.wp-block-wd-degree-view .threed-view-images img[src*="hikingpv-v6-t480-rear"] {
    clip-path: inset(4.2% 9.5% 4.1% 9.5%);
}

@media (max-width: 1024px) {
    #wd-ffc08e73 {
        margin-bottom: 40px !important;
    }

    #wd-189eee25 #wd-00dc5d23 {
        width: min(100%, 340px);
    }

    #wd-a097208b .wd-product-thumb {
        height: 400px;
    }
}

@media (max-width: 767px) {
    #wd-ffc08e73 {
        margin-bottom: 32px !important;
    }

    #wd-189eee25 #wd-00dc5d23 {
        width: min(100%, 300px);
    }

    #wd-a097208b .wd-product-thumb {
        height: min(110vw, 440px);
    }

    #wd-a097208b .wd-entities-title {
        min-height: 66px;
    }
}

/* Keep the headline and first action visible on tablet-size portrait screens. */
@media (min-width: 600px) and (max-width: 767px) {
    #wd-ed5bdda6 {
        display: flex;
        justify-content: center;
    }

    #wd-ed5bdda6 img {
        display: block;
        width: auto;
        max-width: 100%;
        max-height: 370px;
        margin-inline: auto;
        object-fit: contain;
    }
}