.products-slider{

margin-top:0;

}

.products-main{

min-width:0;

}

.products-grid{

display:grid;
min-height:410px;
grid-template-columns:repeat(5,1fr);

gap:18px;

}

.product-card{

display:flex;

flex-direction:column;

overflow:hidden;

background:#1b2140;

border:1px solid rgba(255,255,255,.05);

border-radius:18px;

transition:.3s;

width:100%;
min-width:0;

}

.product-card:hover{

transform:translateY(-6px);

border-color:rgba(255,120,130,.18);

box-shadow:0 20px 45px rgba(0,0,0,.28);

}

.product-thumb{

position:relative;

aspect-ratio:16/10;

overflow:hidden;

background:#0f1428;
height:230px;
}

.product-thumb img{

width:100%;

height:100%;

object-fit:cover;

transition:.45s;

}

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

transform:scale(1.06);

}

.favorite{

position:absolute;

top:12px;

right:12px;

width:38px;

height:38px;

display:flex;

align-items:center;

justify-content:center;

background:rgba(20,25,48,.85);

backdrop-filter:blur(10px);

border:none;

border-radius:12px;

cursor:pointer;

z-index:10;

}

.favorite img{

width:17px;

height:17px;

}

.favorite:hover{

background:#ff6d80;

}

.product-badge{

position:absolute;

left:12px;

top:12px;

padding:6px 12px;

border-radius:30px;

background:#ff6d80;

color:#fff;

font-size:12px;

font-weight:700;

}

.product-body{

padding:18px;

}

.product-name{

font-size:17px;

font-weight:700;

line-height:1.4;

color:#fff;

margin:0;

height:48px;

overflow:hidden;

}

.product-meta{

display:flex;

justify-content:space-between;

align-items:center;

margin-top:14px;

}

.product-meta .seller{

display:flex;

align-items:center;

gap:8px;

}

.product-meta .seller img{

width:28px;

height:28px;

border-radius:50%;

object-fit:cover;

}

.product-meta .seller span{

font-size:13px;

font-weight:600;

color:#b2bad8;

}

.rating{

font-size:13px;

font-weight:700;

color:#ffd86b;

}

.product-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:16px;

}

.price{

font-size:24px;

font-weight:800;

color:#fff;

}

.cart-btn{

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

    width:120px;
    height:46px;

    border:none;
    border-radius:12px;

    background:linear-gradient(180deg,#ff8b90,#ff707e);

    color:#fff;

    font-size:15px;
    font-weight:700;

    cursor:pointer;

    transition:.25s;

    flex-shrink:0;

}

.cart-btn:hover{

    transform:translateY(-2px);

    background:linear-gradient(180deg,#ff999d,#ff7a88);

}

.cart-btn img{

width:20px;

height:20px;

filter:brightness(0) invert(1);

}

.favorite.active{

    background:#ff4f70;

}


.favorite.active img{

    filter:brightness(0) invert(1);

}

.favorite.active{

    background:#ff5c78;

}


.favorite.active img{

    filter:brightness(0) invert(1);

}

.product-rating-card{

    color:#ffd34d;

    font-weight:700;

}


.product-rating-card span{

    color:#8d9ab7;

    font-weight:400;

}

@media(max-width:768px){

.products-grid{

    display:flex;

    flex-wrap:nowrap;

    gap:14px;

    overflow-x:auto;

    overflow-y:hidden;

    width:100%;

    padding:22px 20px 15px;

    scroll-snap-type:x mandatory;

    -webkit-overflow-scrolling:touch;

}


.products-grid::-webkit-scrollbar{

    height:8px;

}


.products-grid::-webkit-scrollbar-thumb{

    background:#2b3560;

    border-radius:20px;

}


.product-card{

    flex:0 0 280px;

    width:280px;

    min-width:280px;

    scroll-snap-align:start;

}


.product-thumb{

    height:170px;

}


}

@media(max-width:768px){

.products-grid::-webkit-scrollbar{
    height:4px;
}

.products-grid::-webkit-scrollbar-thumb{
    background:#ff6b81;
    border-radius:20px;
}

}