/*==================================================
MARKETPLACE PRODUCT IMAGE
==================================================*/

.marketplace-product-visual img{


position:absolute;

inset:0;

width:100%;

height:100%;

object-fit:cover;

object-position:center;

display:block;

opacity:.72;

filter:
    saturate(.85)
    contrast(1.08)
    brightness(.78);

transition:
    transform .7s cubic-bezier(.16,1,.3,1),
    opacity .5s ease,
    filter .5s ease;


}

/*==================================================
IMAGE OVERLAY
==================================================*/

.marketplace-product-image-overlay{


position:absolute;

inset:0;

z-index:1;

background:
    linear-gradient(
        180deg,
        transparent 15%,
        var(--glass) 65%,
        var(--glass-strong) 100%
    );

opacity:.72;

pointer-events:none;

transition:
    opacity .5s ease;


}

/*==================================================
IMAGE GRID OVERLAY
==================================================*/

.marketplace-product-visual::before{


content:"";

position:absolute;

inset:0;

z-index:2;

background-image:
    linear-gradient(
        var(--border) 1px,
        transparent 1px
    ),
    linear-gradient(
        90deg,
        var(--border) 1px,
        transparent 1px
    );

background-size:
    28px 28px;

opacity:.22;

mask-image:
    radial-gradient(
        circle,
        black,
        transparent 78%
    );

pointer-events:none;


}

/*==================================================
IMAGE GLOW
==================================================*/

.marketplace-product-visual::after{


content:"";

position:absolute;

inset:0;

z-index:3;

background:
    radial-gradient(
        circle at 50% 45%,
        var(--glass-strong),
        transparent 58%
    );

opacity:.45;

pointer-events:none;

transition:
    opacity .5s ease;


}

/*==================================================
PRODUCT ICON
==================================================*/

.marketplace-product-visual > i{


position:relative;

z-index:4;


}

/*==================================================
PRODUCT INDEX
==================================================*/

.marketplace-product-index{


z-index:5;


}

/*==================================================
IMAGE HOVER
==================================================*/

.marketplace-product-card:hover
.marketplace-product-visual img{


transform:scale(1.08);

opacity:.9;

filter:
    saturate(1)
    contrast(1.08)
    brightness(.88);


}

.marketplace-product-card:hover
.marketplace-product-image-overlay{


opacity:.58;


}

.marketplace-product-card:hover
.marketplace-product-visual::after{


opacity:.7;


}

/*==================================================
VISUAL HEIGHT
==================================================*/

.marketplace-product-visual{


height:210px;


}

/*==================================================
IMAGE ACCESSIBILITY
==================================================*/

.marketplace-product-visual img{


user-select:none;

-webkit-user-drag:none;


}