/* Imágenes de productos */
.product-media--image{
    position:relative;
    display:block;
    padding:0;
    overflow:hidden;
    background:#ffffff;
}

.product-media--image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    padding:14px;
    transition:transform .25s ease;
}

.product-card:hover .product-media--image img{
    transform:scale(1.035);
}

.product-media--image .badge,
.product-detail-image .badge{
    position:absolute;
    top:12px;
    left:12px;
    z-index:4;
    display:inline-flex;
    width:auto;
    max-width:max-content;
    min-height:28px;
    align-items:center;
    justify-content:center;
    padding:6px 11px;
    border-radius:999px;
    background:#e62692;
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
    box-shadow:0 7px 18px rgba(230,38,146,.18);
}

.product-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
    gap:54px;
    align-items:start;
}

.product-detail-image{
    position:relative;
    min-height:560px;
    display:grid;
    place-items:center;
    border:1px solid var(--border);
    border-radius:28px;
    background:#ffffff;
    overflow:hidden;
}

.product-detail-image img{
    width:100%;
    height:560px;
    object-fit:contain;
    padding:30px;
}

.product-detail-content h1{
    font-size:clamp(38px,5vw,62px);
    line-height:1.03;
    letter-spacing:-2px;
    margin:20px 0;
}

.product-price--detail strong{
    font-size:36px;
    color:var(--primary);
}

.product-price--detail del{
    font-size:18px;
}

.product-description{
    font-size:18px;
    line-height:1.75;
    color:var(--muted);
}

.product-meta{
    color:var(--muted);
    line-height:1.6;
}

@media(max-width:850px){
    .product-detail-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .product-detail-image,
    .product-detail-image img{
        min-height:420px;
        height:420px;
    }
}

@media(max-width:680px){
    .product-media--image img{
        padding:8px;
    }

    .product-media--image .badge,
    .product-detail-image .badge{
        top:8px;
        left:8px;
        min-height:24px;
        padding:5px 9px;
        font-size:10px;
    }

    .product-detail-image,
    .product-detail-image img{
        min-height:340px;
        height:340px;
    }

    .product-detail-content h1{
        font-size:38px;
        letter-spacing:-1px;
    }
}