.topbar{
background:#08111f;
color:white;

width:100%;

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

padding:10px 30px;

box-sizing:border-box;
}

.topbar-left,
.topbar-right{
display:flex;
align-items:center;
gap:20px;
}

.topbar a{
color:#fff;
text-decoration:none;
}

.topbar i{
margin-right:5px;
}

.topbar-left .fa-whatsapp{
color:#25D366;
}

@media(max-width:768px){
.topbar{
display:none;
}
}

.products-section{
padding:80px 20px;
max-width:1400px;
margin:auto;
}

.products-title{
text-align:center;
margin-bottom:40px;
}

.products-title h1{
font-size:38px;
}

.products-title span{
color:#14b8a6;
}

.products-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.product-card img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
display:block;
}

.product-card:hover{
transform:translateY(-5px);
}

.product-content{
padding:20px;
}

.product-category{
font-size:13px;
color:#64748b;
margin-bottom:8px;
}

.product-title{
font-size:20px;
font-weight:600;
margin-bottom:10px;
}

.product-price{
font-size:24px;
font-weight:bold;
color:#14b8a6;
margin-bottom:15px;
}

.product-buttons{
display:flex;
gap:10px;
}

.btn-detail,
.btn-cart{
flex:1;
padding:10px;
text-align:center;
border-radius:8px;
text-decoration:none;
font-weight:600;
}

.btn-detail{
background:#e2e8f0;
color:#0f172a;
}

.btn-cart{
background:#14b8a6;
color:#fff;
}

@media(max-width:768px){
.auth-card{
padding:25px;
}

.product-card img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
display:block;
}

.products-title h1{
font-size:28px;
}

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

}

@media(max-width:1200px){
.products-grid{
grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:480px){
.products-grid{
grid-template-columns:1fr;
}
}