.nlpg-wrapper{
background:#020b12;
font-family:"DM Sans",sans-serif;
}

.nlpg-topbar{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;
}

.nlpg-topbar select{
width:140px;
height:34px;
border-radius:30px;
border:0;
padding:0 15px;
font-size:12px;
}

.nlpg-nav{
display:flex;
gap:10px;
}

.nlpg-nav a{
padding:8px 22px;
border-radius:30px;
font-size:12px;
text-decoration:none;
background:#b00087;
color:#fff;
}

.nlpg-nav a:last-child{
background:#fff;
color:#111;
}


.nlpg-grid{
display:grid;
grid-template-columns:repeat(var(--desktop-cols),1fr);
gap:35px 20px;
}


.nlpg-card{
position:relative;
border:1px solid rgba(255,255,255,.55);
border-radius:14px;
padding:15px;
background:#020b12;
text-align:center;
overflow:visible;
}


.nlpg-discount{
position:absolute;
right:16px;
top:-10px;
background:#b00087;
color:white;
font-size:11px;
padding:4px 14px;
border-radius:20px;
z-index:2;
}


.nlpg-image{
aspect-ratio:1/1;
display:flex;
align-items:center;
justify-content:center;
}


.nlpg-image img{
width:100%;
height:100%;
object-fit:contain;
}


.nlpg-card h3{
color:white;
font-size:15px;
margin:10px 0;
}


.nlpg-price{
font-size:14px;
font-weight:700;
}

.nlpg-price ins{
color:#b00087;
text-decoration:none;
}

.nlpg-price del{
color:white;
opacity:.8;
}


.nlpg-cart{
position:absolute;
left:50%;
bottom:-18px;
transform:translateX(-50%);
background:#b00087;
color:white!important;
text-decoration:none!important;
width:150px;
height:38px;
display:flex;
justify-content:center;
align-items:center;
border-radius:30px;
font-size:12px;
z-index:3;
}


@media(max-width:1024px){

.nlpg-grid{
grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:600px){

.nlpg-grid{
grid-template-columns:repeat(var(--mobile-cols),1fr);
}

.nlpg-topbar{
flex-direction:column;
gap:15px;
align-items:flex-start;
}

}