/* Approved transparent flag overlay. Load only on the homepage, general
   products and equipment pages; spare parts and ARWA Steel are excluded. */
:is(.atelier-products .product-card-image,
    .atelier-products .modal-image-link,
    .atelier-heavy .he-product-image,
    .atelier-heavy .he-detail-media,
    .home-atelier .fp-visual) {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 16 / 10;
    padding: 0;
    overflow: hidden;
    background: #edf0f2;
}

:is(.atelier-products .product-card-image,
    .atelier-products .modal-image-link,
    .atelier-heavy .he-product-image,
    .atelier-heavy .he-detail-media,
    .home-atelier .fp-visual.fp-branded)::after {
    content: '';
    position: absolute;
    top: 3%;
    left: 3%;
    width: 18%;
    height: 43%;
    background: transparent url('../images/brand/arwa-trading-flag-transparent.webp') left top / contain no-repeat;
    pointer-events: none;
}

.atelier-products .product-card-image > img,
.atelier-products .modal-image-link > img,
.atelier-heavy .he-product-image > img,
.atelier-heavy .he-detail-media > img,
.home-corporate .featured-product-card .fp-visual > .fp-image {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
}

/* Match the approved excavator crop, keeping the boom, bucket and tracks. */
.atelier-heavy .he-product-image > img[src*="/images/heavy-equipment/excavator."],
.atelier-heavy .he-detail-media > img[src*="/images/heavy-equipment/excavator."],
.home-corporate .featured-product-card .fp-visual > img[src*="/images/heavy-equipment/excavator."] {
    object-position: center 64%;
}

.atelier-products .product-card-modern:hover .product-card-image > img,
.home-corporate .featured-product-card:hover .fp-visual > .fp-image {
    transform: none;
}

/* Keep the existing controls and category labels above the decorative flag. */
:is(.product-card-image, .he-product-image, .modal-image-link) > :is(button, span) {
    z-index: 1;
}

/* The chocolate samples occupy the lower-right foreground of these images. */
.atelier-products .product-card-image > img[src*="/images/shengli-catalog/"] ~ .product-card-badge {
    right: auto;
    left: 0.8rem;
}