/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:"Segoe UI",Arial;
background:#f6f7fb;
color:#222;
line-height:1.6;
}



/* HEADER */

.top-header{
background:white;
padding:18px 0;
border-bottom:1px solid #eee;
}

.header-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 20px;
}



/* LOGO */

.logo{
display:flex;
align-items:center;
}

.logo-img{
height:55px;
margin-right:15px;
}

.logo-text h2{
font-size:24px;
color:#1b2a6b;
margin-bottom:3px;
}

.logo-text p{
font-size:13px;
color:#666;
}



/* CONTACT */

.contact span{
margin-left:20px;
font-size:14px;
color:#333;
}



/* NAVBAR */

.navbar{
background:#1b2a6b;
}

.nav-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 20px;
}

.nav-menu a{
margin-right:25px;
text-decoration:none;
color:white;
font-weight:500;
font-size:15px;
}

.nav-menu a:hover{
color:#ffd166;
}



/* SEARCH */

.nav-search input{
padding:9px 12px;
border-radius:6px;
border:none;
width:220px;
font-size:14px;
outline:none;
}



/* CONTAINER */

.container{
max-width:1200px;
margin:auto;
padding:40px 20px;
}



/* BOOK GRID */

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



/* BOOK CARD */

.book-card{
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transition:all 0.3s ease;
}

.book-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}



/* BOOK COVER */

.book-cover{
height:240px;
background:#eef1ff;
overflow:hidden;
}

.book-cover img{
width:100%;
height:100%;
object-fit:cover;
}



/* BOOK INFO */

.book-info{
padding:18px;
}

.book-info h3{
font-size:18px;
margin-bottom:8px;
color:#1b2a6b;
}

.book-info p{
font-size:14px;
color:#555;
margin-bottom:6px;
}



/* BUTTON */

.book-info a{
display:inline-block;
margin-top:12px;
background:#1b2a6b;
color:white;
padding:9px 16px;
border-radius:6px;
text-decoration:none;
font-size:14px;
transition:0.25s;
}

.book-info a:hover{
background:#0f1a48;
}



/* FOOTER */

footer{
margin-top:80px;
background:#0b0d17;
color:#aaa;
text-align:center;
padding:45px 20px;
font-size:14px;
}



/* RESPONSIVE */

@media(max-width:1100px){

.book-grid{
grid-template-columns:repeat(3,1fr);
}

}


@media(max-width:800px){

.header-container{
flex-direction:column;
text-align:center;
gap:10px;
}

.contact span{
display:block;
margin:5px 0;
}

.nav-container{
flex-direction:column;
gap:12px;
}

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

.nav-search input{
width:100%;
}

}


@media(max-width:500px){

.book-grid{
grid-template-columns:1fr;
}

.logo{
flex-direction:column;
text-align:center;
}

.logo-img{
margin-bottom:10px;
}

}