/* =========================================================
   HappyLHR Real Product Image Fit V1
   Real media only — no decorative product mockups
   ========================================================= */

/*
|--------------------------------------------------------------------------
| Remove every old decorative product illustration
|--------------------------------------------------------------------------
*/

.hzv5-product-img.has-real-image::before,
.hzv5-product-img.has-real-image::after,
.hzv16-hot-visual.has-real-image::before,
.hzv16-hot-visual.has-real-image::after,
.hzv10-auction-visual.has-real-image::before,
.hzv10-auction-visual.has-real-image::after,
.has-real-image.phone::before,
.has-real-image.phone::after,
.has-real-image.airpods::before,
.has-real-image.airpods::after,
.has-real-image.watch::before,
.has-real-image.watch::after,
.has-real-image.boxes::before,
.has-real-image.boxes::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

/*
|--------------------------------------------------------------------------
| Main homepage product image area
|--------------------------------------------------------------------------
*/

.hzv5-product-card .hzv5-product-img.has-real-image,
.hzv5-wide-product .hzv5-product-img.has-real-image {
    width: 100% !important;
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 10px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    clip-path: none !important;
}

/*
|--------------------------------------------------------------------------
| Force the complete image to remain visible
|--------------------------------------------------------------------------
*/

.hzv5-product-card .hzv5-product-img.has-real-image > img,
.hzv5-wide-product .hzv5-product-img.has-real-image > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    position: static !important;
    inset: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    clip-path: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/*
|--------------------------------------------------------------------------
| Keep every card aligned and prevent oversized empty areas
|--------------------------------------------------------------------------
*/

.hzv5-product-card,
.hzv5-wide-product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 340px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.hzv5-product-card .hzv5-product-body,
.hzv5-wide-product .hzv5-product-body {
    flex: 1 1 auto !important;
}

/*
|--------------------------------------------------------------------------
| Hot Deal compact image
|--------------------------------------------------------------------------
*/

.hzv16-hot-visual.has-real-image {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 4px !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    border: 1px solid #edf0f5 !important;
    box-shadow: none !important;
}

.hzv16-hot-visual.has-real-image > img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
|--------------------------------------------------------------------------
| Auction compact image
|--------------------------------------------------------------------------
*/

.hzv10-auction-visual.has-real-image {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 4px !important;
    background: #ffffff !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
}

.hzv10-auction-visual.has-real-image > img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
|--------------------------------------------------------------------------
| Swiper sizing
|--------------------------------------------------------------------------
*/

.hzv5-product-swiper .swiper-slide,
.hzv5-wide-swiper .swiper-slide {
    height: auto !important;
    align-self: stretch !important;
}

.hzv5-product-swiper,
.hzv5-wide-swiper {
    overflow: hidden !important;
}

/*
|--------------------------------------------------------------------------
| Responsive sizes
|--------------------------------------------------------------------------
*/

@media (max-width: 1100px) {
    .hzv5-product-card .hzv5-product-img.has-real-image,
    .hzv5-wide-product .hzv5-product-img.has-real-image {
        height: 185px !important;
        min-height: 185px !important;
        max-height: 185px !important;
    }
}

@media (max-width: 767px) {
    .hzv5-product-card .hzv5-product-img.has-real-image,
    .hzv5-wide-product .hzv5-product-img.has-real-image {
        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
        padding: 7px !important;
    }

    .hzv5-product-card,
    .hzv5-wide-product {
        min-height: 300px !important;
    }
}

@media (max-width: 480px) {
    .hzv5-product-card .hzv5-product-img.has-real-image,
    .hzv5-wide-product .hzv5-product-img.has-real-image {
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
    }
}
