/* Improved product image fitting */
.image-top {
height: 190px;
padding: 12px;
box-sizing: border-box;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: #09090a;
}
.image-top img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain !important;
object-position: center;
display: block;
padding: 0 !important;
box-sizing: border-box;
}
/* Keep wide product artwork from becoming too small while preventing cropping */
.image-top img[src$=".jpg"],
.image-top img[src$=".jpeg"],
.image-top img[src$=".png"],
.image-top img[src$=".webp"] {
object-fit: contain !important;
}
/* Final product image normalization */
.image-top {
height: 190px !important;
padding: 10px !important;
box-sizing: border-box !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #09090a !important;
}
.image-top img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
display: block !important;
}
/* Generated product artwork polish */
.image-top {
height: 210px !important;
padding: 0 !important;
background: #090d1a !important;
border-bottom: 1px solid #202b49;
position: relative;
overflow: hidden;
}
.image-top::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, rgba(255,255,255,.02), transparent 35%, rgba(0,0,0,.12));
}
.image-top img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform .35s ease, filter .35s ease;
}
.card:hover .image-top img {
transform: scale(1.025);
filter: brightness(1.06) saturate(1.06);
}
.card {
box-shadow: 0 10px 30px rgba(0,0,0,.14);
}
@media (max-width: 850px) {
.image-top { height: 200px !important; }
}