/* ===== BODY ===== */

body{
    background:#f5f7fb;
    font-family:'Segoe UI',sans-serif;
}

/* ===== NAVBAR ===== */

.navbar{
    background:#ffffff !important;
    box-shadow:0 2px 15px rgba(0,0,0,.08);
}

.navbar-brand{
    color:#333 !important;
}

/* ===== BUTTON ===== */

.btn{
    border-radius:12px;
    font-weight:500;
}

/* ===== CARD ===== */

.card{
    border:none;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.card-img-top{
    height:250px;
    object-fit:cover;
}

/* ===== TITLE ===== */

h1,h2,h3{
    font-weight:700;
}

/* ===== TABLE ===== */

.table{
    background:white;
    border-radius:15px;
    overflow:hidden;
}

.table th{
    background:#212529;
    color:white;
}

/* ===== FORM ===== */

.form-control{
    border-radius:12px;
    padding:12px;
}

.form-control:focus{
    box-shadow:none;
    border-color:#0d6efd;
}

/* ===== LOGIN REGISTER ===== */

.auth-box{
    max-width:500px;
    margin:50px auto;
    background:white;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* ===== FOOTER ===== */

footer{
    margin-top:60px;
}
.navbar{
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #fff !important;
    box-shadow: 0 2px 15px rgba(0,0,0,.08);
}
body{
    background:#f5f6fa;
}

.product-card{
    border:none;
    border-radius:15px;
    overflow:hidden;
    transition:.3s;
}

.product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.product-card img{
    height:280px;
    object-fit:cover;
}

.price{
    color:#dc3545;
    font-size:20px;
    font-weight:bold;
}

.hero-section .bg-dark{
    background:linear-gradient(135deg,#111,#444)!important;
}

.navbar{
    box-shadow:0 2px 10px rgba(0,0,0,.1);
}

.table{
    background:white;
}

.card{
    border-radius:15px;
}
body{
    background:#f5f5f5;
}

.navbar{
    box-shadow:0 2px 10px rgba(0,0,0,.1);
}

.card{
    border:none;
    border-radius:15px;
}

.btn{
    border-radius:10px;
}

footer{
    margin-top:auto;
}
.navbar{
    padding:15px 0;
}

.navbar .form-control{
    border-radius:30px;
    height:45px;
}

.navbar .btn-warning{
    border-radius:30px;
    padding:0 25px;
}

.navbar-brand{
    font-size:24px;
}