/* ================= PRODUCT PAGE NAVBAR ================= */

.product-navbar{

display:flex;
align-items:center;

background:#ffffff;
border-bottom:1px solid #eee;

padding:16px 20px;

position:sticky;
top:0;
z-index:1000;

}

/* Back Button */

.back-btn{

background:none;
border:none;

font-size:22px;

cursor:pointer;

color:#e60023;
text-decoration:none;   /* removes underline */

display:flex;
align-items:center;

}

/* Brand */

.brand{

margin-left:auto;
margin-right:auto;

font-size:20px;
font-weight:600;

color:#111;

}

/* Red X */

.brand-x{

color:#e60023;

font-weight:700;

}
/* ================= PRODUCT PAGE ================= */

.product-page{
padding:100px 20px;
}

.product-container{

max-width:1100px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;

gap:50px;
align-items:center;

}

.product-image img{

width:100%;
border-radius:12px;

}

.product-info h1{

font-size:36px;
margin-bottom:10px;

}

.product-info h3{

color:#e60023;
margin-bottom:20px;

}

.product-info ul{

padding-left:18px;
margin:15px 0;

}

.product-info li{

margin-bottom:8px;

}

.product-info button{

margin-top:20px;

padding:14px 28px;

border:none;

border-radius:25px;

background:#e60023;

color:white;

font-size:15px;

cursor:pointer;

}

/* Mobile */

@media (max-width:768px){

.product-container{

grid-template-columns:1fr;

text-align:center;

}

.product-info ul{
text-align:left;
}

}