body{
font-family:'Poppins', sans-serif;
margin:0;
background:#faf6f2;
text-align:center;
color:#333;
}

.logo{
font-family:'Dancing Script', cursive;
font-size:40px;
}

header{
background:#3b2f2f;
color:white;
padding:20px;
}

nav a{
color:white;
margin:15px;
text-decoration:none;
font-weight:500;
}

nav a:hover{
color:#ffd700;
}

.home{
padding:50px;
background:#fff4e6;
}

.welcome{
font-family:'Playfair Display', serif;
font-size:40px;
color:#5a3e36;
}

.highlight{
font-weight:bold;
font-size:18px;
color:#8b0000;
}

.sectionTitle{
margin-top:40px;
font-size:28px;
font-family:'Playfair Display', serif;
}

.books{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:25px;
padding:20px;
}

.book{
background:white;
width:220px;
padding:15px;
border-radius:12px;
box-shadow:0px 5px 20px rgba(0,0,0,0.15);
transition:0.3s;
}

.book:hover{
transform:translateY(-10px);
}

.book img{
width:150px;
height:200px;
border-radius:5px;
}

button{
background:#8b4513;
color:white;
border:none;
padding:8px 15px;
border-radius:5px;
cursor:pointer;
}

button:hover{
background:#5a2d0c;
}

.sectionText{
max-width:600px;
margin:auto;
margin-bottom:30px;
}

footer{
background:#3b2f2f;
color:white;
padding:30px;
margin-top:40px;
}

.copyright{
font-size:14px;
color:#ddd;
}

/* ===== NEW IMPROVEMENTS START ===== */

/* Sticky Header */
header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Improve nav spacing */
nav {
    margin-top: 10px;
}

/* Cart styling */
.cart {
    margin-top: 10px;
    font-weight: bold;
    color: #ffd700;
}

/* Better book hover */
.book {
    transition: 0.3s ease;
}

.book:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0px 10px 25px rgba(0,0,0,0.2);
}

/* Better button */
button {
    margin-top: 10px;
    font-weight: bold;
    transition: 0.3s;
}

button:hover {
    transform: scale(1.1);
}

/* Section spacing */
.sectionTitle {
    margin-top: 60px;
}

/* Improve text readability */
.sectionText {
    line-height: 1.6;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Mobile responsiveness */
@media (max-width: 600px) {
    .book {
        width: 90%;
    }

    .welcome {
        font-size: 28px;
    }
}

/* ===== NEW IMPROVEMENTS END ===== */