/* Elevated die-cut shadows for category and search thumbnails. */
/* TODO: test_shadow paths are temporary; migrate to CDN (e.g. ucd/die_cuts/elevated/) in a follow-up. */
#category_thumb_wrapper .category_thumb.card.shadow-overlay .stackable-image-container .shadow-overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.shadow-overlay-container.H-None-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-None-Thumb-Shadow.png); }
.shadow-overlay-container.H-Scallops-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-Scallops-Thumb-Shadow.png); }
.shadow-overlay-container.H-RoundCorner-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-RoundCorner-Thumb-Shadow.png); }
.shadow-overlay-container.H-Braces-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-Braces-Thumb-Shadow.png); }
.shadow-overlay-container.H-Deco-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-Deco-Thumb-Shadow.png); }
.shadow-overlay-container.H-Deckle-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-Deckle-Thumb-Shadow.png);}
.shadow-overlay-container.H-Geo-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-Geo-Thumb-Shadow.png); }
.shadow-overlay-container.H-Petal-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-Petal-Thumb-Shadow.png); }
.shadow-overlay-container.H-Wavy-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-Wavy-Thumb-Shadow.png); }
.shadow-overlay-container.V-None-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-None-Thumb-Shadow.png); }
.shadow-overlay-container.V-Scallops-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Scallops-Thumb-Shadow.png); }
.shadow-overlay-container.V-RoundCorner-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-RoundCorner-Thumb-Shadow.png); }
.shadow-overlay-container.V-Braces-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Braces-Thumb-Shadow.png); }
.shadow-overlay-container.V-Deco-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Deco-Thumb-Shadow.png); }
.shadow-overlay-container.V-Deckle-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Deckle-Thumb-Shadow.png); }
.shadow-overlay-container.V-Geo-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Geo-Thumb-Shadow.png); }
.shadow-overlay-container.V-Petal-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Petal-Thumb-Shadow.png); }
.shadow-overlay-container.V-Arched-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Arched-Thumb-Shadow.png); }
.shadow-overlay-container.V-Wavy-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Wavy-Thumb-Shadow.png); }
.shadow-overlay-container.S-None-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/S-None-Thumb-Shadow.png); }
.shadow-overlay-container.S-Circle-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/S-Circle-Thumb-Shadow.png); }
.shadow-overlay-container.S-RoundCorner-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/S-RoundCorner-Thumb-Shadow.png); }
.folded-thumb-div .shadow-overlay-container.H-Folded-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/H-Folded-Thumb-Shadow.png); }
.folded-thumb-div .shadow-overlay-container.V-Folded-Thumb-Shadow { background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/pa_elevated/V-Folded-Thumb-Shadow.png); }


/* Folded preview alignment for elevated shadow overlays.
 * Intentionally global (desktop + mobile): offsets are tuned to the overlay PNGs, not viewport size.
 * On mobile PLP/search, these selectors load after mobile/page/thumbs.css and override its folded-thumb
 * size/margin rules; that cascade is expected. Do not scope these to desktop-only media queries. */
/* V-folded */
#category_thumb_wrapper .thumb_wrapper[class*="thumb_vertical"] img.folded-thumb {
    max-width: 87%;
    max-height: 87%;
    margin: 1.8% 0 0 0.4%;
}

/* H-folded */
#category_thumb_wrapper .thumb_wrapper[class*="thumb_horizontal"] img.folded-thumb {
    max-width: 87%;
    max-height: 87%;
    margin: 0px 0 0 -2.3%;
}

/* Square thumbs use a smaller IPS preview size (max_size_legacy = 284; rectangle thumbs use 321).
 * At the largest breakpoint the card slot grows but the image does not scale up as much,
 * so square shadow-overlay alignment needs a separate override here. */
@media (min-width: 1920px) {

    #category_thumb_wrapper .thumb_wrapper[class*="thumb_square"] img {
        max-width: 81%;
        max-height: 81%;
    }
    #category_thumb_wrapper .category_thumb.card.shadow-overlay .thumb_wrapper[class*="thumb_square"] .shadow-overlay-container {
        width: 90%;
        height: 90%;
        left: 5%;
        top: 5%;
    }
}