@import "color.css";

.product .product-image {
    width: 100%;
    border-radius: 5%;
    object-fit: cover;
}

.product-body {
    margin-top: 10px;
}

.product-body .category {
    background-color: var(--gray-dark);
    padding: 2px;
    color: white;
    font-size: 10px;
    border-radius: 5%;
}

.product-body .title {
    white-space: nowrap;
    /* Hanya satu baris */
    overflow: hidden;
    /* Sembunyikan teks yang berlebih */
    text-overflow: ellipsis;
    /* Tambahkan "..." */
    font-size: 14px;
}

.product-body .seller .seller-name span {
    color: var(--logo-red);
}

.product-body .seller .seller-location span {
    color: var(--logo-red);
}

.product-body .seller {
    color: var(--gray-dark);
    font-size: 13px;
}

.seller .seller-location {
    display: none;
}

.product:hover .seller-name {
    display: none;
}

.product:hover .seller-location {
    display: inline;
}

.product .price {
    font-size: 15px;
}

/***********************************************************SLICK PRODUCT************************************************/
.slider-for img {
    width: 100%;
    height: auto;
}

.slider-nav {
    margin-top: 10px;
}

.slider-nav img {
    width: 100px;
    height: 100px;
    cursor: pointer;
    object-fit: cover;
    border: 2px solid transparent;
}

.slider-nav .slick-current img {
    border-color: #0072bc;
    /* Warna saat aktif */
}