/* GRAVON_BRAND_V021_RELATED_PRODUCTS_SQUARE_IMAGE_FIT
   Final related-product image fitting: square 1:1 media box, no overflow, centered contain. */

.gravon-brand-v003 .crafto-product-related-section .crafto-product-related-card,
.crafto-product-related-section .crafto-product-related-card{
    position:relative;
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    overflow:hidden !important;
    border-radius:22px !important;
}

.gravon-brand-v003 .crafto-product-related-section .crafto-product-related-media,
.crafto-product-related-section .crafto-product-related-media{
    position:relative !important;
    width:100% !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    padding:12px !important;
    margin:0 !important;
    border-radius:20px 20px 14px 14px !important;
    background:
        radial-gradient(circle at 50% 45%, rgba(102,204,51,.14), transparent 54%),
        linear-gradient(145deg, #f7faf7 0%, #eef4ef 100%) !important;
    border:1px solid color-mix(in srgb, var(--crafto-secondary, #0c0d29) 8%, transparent) !important;
}

.gravon-brand-v003 .crafto-product-related-section .crafto-product-related-media::before,
.crafto-product-related-section .crafto-product-related-media::before{
    content:"";
    position:absolute;
    inset:12px;
    border-radius:16px;
    background:linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.2));
    pointer-events:none;
    z-index:0;
}

.gravon-brand-v003 .crafto-product-related-section .crafto-product-related-media img,
.crafto-product-related-section .crafto-product-related-media img{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    filter:drop-shadow(0 18px 20px rgba(12,13,41,.16)) !important;
}

.gravon-brand-v003 .crafto-product-related-section .crafto-product-related-card:hover .crafto-product-related-media img,
.crafto-product-related-section .crafto-product-related-card:hover .crafto-product-related-media img{
    transform:none !important;
}

.gravon-brand-v003 .crafto-product-related-section .crafto-product-related-copy,
.crafto-product-related-section .crafto-product-related-copy{
    flex:1 1 auto !important;
    padding-top:18px !important;
}

.gravon-brand-v003 .crafto-product-related-section .crafto-product-related-card > i,
.crafto-product-related-section .crafto-product-related-card > i{
    top:18px !important;
    right:18px !important;
    z-index:3 !important;
}

/* Same fitting rule for compact related/list cards that may reuse product-card media classes. */
.gravon-brand-v003 .crafto-pro-product-card .crafto-pro-product-media img,
.crafto-pro-product-card .crafto-pro-product-media img{
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
}

@media (max-width: 1199px){
    .gravon-brand-v003 .crafto-product-related-section .crafto-product-related-media,
    .crafto-product-related-section .crafto-product-related-media{padding:10px !important;}
}

@media (max-width: 575px){
    .gravon-brand-v003 .crafto-product-related-section .crafto-product-related-media,
    .crafto-product-related-section .crafto-product-related-media{padding:10px !important; border-radius:18px 18px 12px 12px !important;}
}