/* =====================================
   PRIMA HOUSE MARKETPLACE V4
===================================== */

.product-card {
    position:relative;
    overflow:hidden;
    transition:transform .25s ease,
               box-shadow .25s ease;
}

.product-card:hover {
    transform:translateY(-3px);
    box-shadow:0 8px 24px rgba(0,0,0,.12);
}

/* FAVORIT */

.prima-favorite {
    position:absolute;
    top:10px;
    right:10px;
    z-index:30;

    width:34px;
    height:34px;

    border:0;
    border-radius:50%;

    background:rgba(255,255,255,.95);
    color:#777;

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:0 2px 10px rgba(0,0,0,.15);
    cursor:pointer;
}

.prima-favorite i {
    font-size:17px;
}

.prima-favorite.active {
    color:#ff3b30;
}

/* ACTION */

.prima-actions {
    display:flex;
    gap:8px;
    margin-top:auto;
    padding-top:10px;
}

.prima-actions .btn-detail {
    flex:1;
    margin-top:0;
    min-width:0;
}

.prima-cart {
    width:42px;
    min-width:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff3e8;
    color:#ff6600;

    border:1px solid #ffd4b3;
    border-radius:12px;

    text-decoration:none;
}

.prima-cart i {
    font-size:17px;
}

/* BADGE DISKON */

.prima-discount {
    position:absolute;
    top:48px;
    left:10px;
    z-index:20;

    background:#ff3b30;
    color:white;

    padding:5px 8px;
    border-radius:8px;

    font-size:11px;
    font-weight:700;
}

/* HARGA LAMA */

.prima-old-price {
    color:#999;
    font-size:11px;
    text-decoration:line-through;
    margin-top:4px;
}

/* NOTIFIKASI */

.prima-toast {
    position:fixed;
    left:50%;
    bottom:85px;
    transform:translateX(-50%);

    background:#222;
    color:white;

    padding:11px 18px;
    border-radius:30px;

    font-size:12px;
    white-space:nowrap;

    z-index:10000;
    box-shadow:0 5px 20px rgba(0,0,0,.2);
}

/* MOBILE */

@media(max-width:768px) {

    .prima-favorite {
        width:30px;
        height:30px;
        top:8px;
        right:8px;
    }

    .prima-favorite i {
        font-size:15px;
    }

    .prima-actions {
        gap:6px;
    }

    .prima-cart {
        width:36px;
        min-width:36px;
        border-radius:10px;
    }

    .prima-cart i {
        font-size:15px;
    }

    .prima-actions .btn-detail {
        font-size:11px;
        padding:10px 4px;
    }

}

/* PRIMA MARKETPLACE V4.1 */

.product-card {
    position: relative;
    overflow: hidden;
}

.prima-v41-actions {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.prima-v41-actions form {
    margin: 0;
}

.prima-favorite,
.prima-v41-cart {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,.96);
    box-shadow: 0 3px 12px rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    cursor: pointer;
}

.prima-favorite.active {
    background: #ffe5e9;
}

.prima-v41-cart {
    background: #00c853;
    color: white;
}

.prima-v41-cart.disabled {
    background: #aaa;
    cursor: not-allowed;
}

.product-card {
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0,0,0,.07);
}

.product-card .product-image {
    transition: transform .3s ease;
}

.product-card:hover .product-image {
    transform: scale(1.025);
}

@media(max-width:600px) {

    .prima-v41-actions {
        top: 8px;
        right: 8px;
        gap: 7px;
    }

    .prima-favorite,
    .prima-v41-cart {
        width: 34px;
        height: 34px;
        font-size: 17px;
    }

}