/* ===================================
   LATEST PRODUCTS
=================================== */

.latest-products{

    padding:50px 0;

    background:#fff;

}

.product-slider-wrapper{

    position:relative;

}

.product-slider{

    display:flex;

    gap:16px;

    overflow-x:auto;

    scroll-behavior:smooth;

    scrollbar-width:none;

    padding:8px 5px;

}

.product-slider::-webkit-scrollbar{

    display:none;

}

/* Card */

.product-card{

    position:relative;

    flex:0 0 calc(25% - 12px);

    min-width:220px;

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    text-decoration:none;

    color:#222;

    box-shadow:0 3px 12px rgba(0,0,0,.08);

    transition:.3s;

}

.product-card:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    color:#222;

}

/* Discount */

.discount-badge{

    position:absolute;

    top:10px;

    left:10px;

    background:#e53935;

    color:#fff;

    padding:4px 8px;

    border-radius:20px;

    font-size:11px;

    font-weight:700;

    z-index:2;

}

/* Image */

.product-image{

    height:190px;

    padding:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#fff;

}

.product-image img{

    width:100%;

    height:100%;

    object-fit:contain;

    transition:.35s;

}

.product-card:hover .product-image img{

    transform:scale(1.08);

}

/* Info */

.product-info{

    padding:12px;

}

.product-info h5{

    font-size:15px;

    font-weight:600;

    color:#222;

    line-height:1.35;

    height:40px;

    overflow:hidden;

    margin-bottom:8px;

}

.rating{

    font-size:13px;

    color:#ff9800;

    margin-bottom:8px;

}

.price{

    font-size:18px;

    font-weight:700;

    color:#198754;

}

.price span{

    font-size:13px;

    color:#888;

    text-decoration:line-through;

    margin-left:8px;

}

/* Slider Buttons */

.slider-btn{

    position:absolute;

    top:45%;

    transform:translateY(-50%);

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#fff;

    box-shadow:0 3px 12px rgba(0,0,0,.18);

    cursor:pointer;

    z-index:20;

}

.prev-btn{

    left:-20px;

}

.next-btn{

    right:-20px;

}

.slider-btn i{

    font-size:22px;

}

/* ===========================
   Tablet
=========================== */

@media(max-width:992px){

.product-card{

    min-width:180px;

}

.product-image{

    height:160px;

}

}

/* ===========================
   Mobile
=========================== */

@media (max-width:576px){

.product-slider{

    gap:10px;

    padding:5px;

}

.product-card{

    flex:0 0 95px;

    min-width:95px;

    border-radius:12px;

}

.product-image{

    height:95px;

    padding:8px;

}

.product-info{

    padding:8px;

}

.product-info h5{

    font-size:11px;

    line-height:1.3;

    height:30px;

    margin-bottom:5px;

}

.rating{

    font-size:10px;

    margin-bottom:5px;

}

.price{

    font-size:12px;

}

.price span{

    display:block;

    margin-left:0;

    font-size:9px;

}

.discount-badge{

    font-size:9px;

    padding:3px 6px;

}

.slider-btn{

    display:flex;

    width:30px;

    height:30px;

}

.prev-btn{

    left:2px;

}

.next-btn{

    right:2px;

}

.slider-btn i{

    font-size:16px;

}

}