/* Product Detail Media Container */
.ep-detail-media {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
}

.ep-detail-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px;
}

/* Show background only for brand logos and placeholders */
.ep-detail-media img[alt*="placeholder"],
.ep-detail-media img[src*="/brands/"] {
    background: #f5f5f5;
}

/* Product List Card Media */
.ep-card-media {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.ep-card-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

/* Show background only for brand logos and placeholders */
.ep-card-media img[alt*="placeholder"],
.ep-card-media img[src*="/brands/"] {
    background: #f5f5f5;
}

/* Cart Item Media */
.ep-cart-item__media {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 16px;
}

.ep-cart-item__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

/* Show background only for brand logos and placeholders */
.ep-cart-item__media img[alt*="placeholder"],
.ep-cart-item__media img[src*="/brands/"] {
    background: #f5f5f5;
}

/* Recently Viewed Section */
.ep-recently-viewed figure {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 12px 0;
    padding: 0;
}

.ep-recently-viewed figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

/* Show background only for brand logos and placeholders */
.ep-recently-viewed figure img[alt*="placeholder"],
.ep-recently-viewed figure img[src*="/brands/"] {
    background: #f5f5f5;
}

/* Profile Order Item Image */
.ep-order-item-small__left img {
    width: 80px;
    height: 80px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border-radius: 8px;
    margin-right: 12px;
}

/* Show background only for brand logos and placeholders */
.ep-order-item-small__left img[alt*="placeholder"],
.ep-order-item-small__left img[src*="/brands/"] {
    background: #f5f5f5;
    padding: 8px;
}