/* The original square photos have a rectangular door on a white canvas.
   Keep the door pixels and clip the surrounding canvas at display time. */
img[src*="/hinged-doors/"] {
    --door-crop: inset(5% 25% 6.67% 25%);
    --door-image-size: 190px;
    box-sizing: border-box;
    aspect-ratio: 1;
    width: min(100%, var(--door-image-size)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: fill !important;
    display: block;
    margin-inline: auto !important;
    padding: 0 !important;
    clip-path: var(--door-crop);
}
.product-card .product-media > a:has(> img[src*="/hinged-doors/"]) {
    display: grid;
    width: 100%;
    place-items: center;
}
.product-stage > img[src*="/hinged-doors/"] { --door-image-size: 430px; }
.thumb-btn > img[src*="/hinged-doors/"] { --door-image-size: 60px; }
:is(.wishlist-row, .cart-row, .admin-soft-row, .admin-table) img[src*="/hinged-doors/"] { --door-image-size: 82px; }

@media (max-width: 680px) {
    img[src*="/hinged-doors/"] { --door-image-size: 138px; }
    .product-stage > img[src*="/hinged-doors/"] { --door-image-size: 275px; }
    .thumb-btn > img[src*="/hinged-doors/"] { --door-image-size: 44px; }
}

img[src*="/hinged-doors/6011-black.webp"] { --door-crop: inset(5.50% 24.83% 6.83% 25.17%); }
img[src*="/hinged-doors/6011-copper.webp"] { --door-crop: inset(5.17% 25.17% 6.50% 25.00%); }
img[src*="/hinged-doors/6011-white.webp"] { --door-crop: inset(4.67% 25.17% 6.00% 25.17%); }
img[src*="/hinged-doors/6033-black.webp"] { --door-crop: inset(5.00% 25.50% 7.00% 25.33%); }
img[src*="/hinged-doors/6033-copper.webp"] { --door-crop: inset(4.83% 25.50% 7.00% 25.50%); }
img[src*="/hinged-doors/6033-cream.webp"] { --door-crop: inset(4.83% 25.33% 7.00% 25.50%); }
img[src*="/hinged-doors/6033-white.webp"] { --door-crop: inset(5.33% 25.33% 7.33% 25.17%); }
img[src*="/hinged-doors/6039-gold.webp"] { --door-crop: inset(5.17% 24.83% 6.83% 25.33%); }
img[src*="/hinged-doors/6060-black.webp"] { --door-crop: inset(5.00% 25.00% 6.83% 25.17%); }
img[src*="/hinged-doors/6060-copper.webp"] { --door-crop: inset(4.83% 25.00% 6.33% 25.17%); }
img[src*="/hinged-doors/6060-cream.webp"] { --door-crop: inset(5.50% 25.00% 6.83% 25.17%); }
img[src*="/hinged-doors/6060-white.webp"] { --door-crop: inset(4.83% 25.17% 6.83% 25.17%); }
img[src*="/hinged-doors/6066-black.webp"] { --door-crop: inset(5.17% 25.17% 6.83% 25.17%); }
img[src*="/hinged-doors/6066-copper.webp"] { --door-crop: inset(5.17% 25.17% 6.83% 25.17%); }
img[src*="/hinged-doors/6066-cream.webp"] { --door-crop: inset(5.17% 25.17% 6.83% 25.33%); }
img[src*="/hinged-doors/6066-white.webp"] { --door-crop: inset(5.17% 25.17% 7.00% 25.50%); }
img[src*="/hinged-doors/6069-black.webp"] { --door-crop: inset(5.17% 25.00% 6.33% 25.00%); }
img[src*="/hinged-doors/6069-copper.webp"] { --door-crop: inset(5.33% 25.00% 6.83% 25.33%); }
img[src*="/hinged-doors/6069-cream.webp"] { --door-crop: inset(5.17% 25.50% 6.83% 25.50%); }
img[src*="/hinged-doors/6069-white.webp"] { --door-crop: inset(5.50% 25.67% 6.67% 24.83%); }
img[src*="/hinged-doors/6073-black.webp"] { --door-crop: inset(5.17% 25.50% 6.83% 25.67%); }
img[src*="/hinged-doors/6073-copper.webp"] { --door-crop: inset(5.17% 25.17% 6.83% 25.17%); }
img[src*="/hinged-doors/6073-cream.webp"] { --door-crop: inset(5.17% 25.17% 6.83% 25.17%); }
img[src*="/hinged-doors/6073-white.webp"] { --door-crop: inset(5.17% 25.17% 6.83% 25.17%); }
img[src*="/hinged-doors/6077-black.webp"] { --door-crop: inset(5.00% 25.17% 6.83% 25.17%); }
img[src*="/hinged-doors/6077-copper.webp"] { --door-crop: inset(5.17% 25.00% 6.83% 25.17%); }
img[src*="/hinged-doors/6077-cream.webp"] { --door-crop: inset(4.83% 25.17% 6.83% 25.17%); }
img[src*="/hinged-doors/6077-white.webp"] { --door-crop: inset(5.00% 25.17% 6.83% 25.17%); }