/*****************************************
    GOOGLE FONT
******************************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

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

/*****************************************
    MAIN SECTION
******************************************/

.bookchapter-author-section{

padding:40px 0 70px;

margin-top:0;

background:linear-gradient(180deg,#f8fbff,#ffffff);

}

/*****************************************
    SIDEBAR
******************************************/

.sidebar{

background:#08152f;

padding:30px;

border-radius:24px;

position:sticky;

top:110px;

box-shadow:

0 25px 60px rgba(0,0,0,.08);

}

/*****************************************
    CATEGORY TITLE
******************************************/

.sidebar h3{

font-size:30px;

font-weight:700;

color:#fff;

margin-bottom:30px;

position:relative;

}

.sidebar h3:after{

content:'';

position:absolute;

left:0;

bottom:-10px;

width:70px;

height:4px;

border-radius:50px;

background:linear-gradient(90deg,#f8b84e,#ffdd95);

}

/*****************************************
    CATEGORY LIST
******************************************/

.category-box ul{

padding:0;

margin:0;

list-style:none;

}

.category-box li{

margin-bottom:14px;

}

/*****************************************
    CATEGORY BUTTON
******************************************/

.category-box li a{

display:flex;

align-items:center;

justify-content:flex-start;

padding:14px 18px;

background:rgba(255,255,255,.04);

border:1px solid rgba(255,255,255,.08);

border-radius:14px;

color:#fff !important;

font-weight:500;

transition:.35s;

text-decoration:none;

}

.category-box li a:hover{

background:#f8b84e;

color:#08152f !important;

transform:translateX(8px);

box-shadow:

0 15px 30px rgba(248,184,78,.35);

}

.category-box li.active a{

background:#f8b84e;

color:#08152f !important;

font-weight:700;

box-shadow:

0 18px 35px rgba(248,184,78,.45);

}

/*****************************************
    BOOK CARD
******************************************/

.product-image{

position:relative;

overflow:hidden;

border:none !important;

border-radius:28px;

background:rgba(255,255,255,.75);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

box-shadow:

0 20px 45px rgba(15,23,42,.08);

transition:.45s cubic-bezier(.175,.885,.32,1.275);

transform-style:preserve-3d;

}

.product-image:hover{

transform:

translateY(-16px)

rotateX(3deg)

rotateY(-3deg);

box-shadow:

0 45px 90px rgba(15,23,42,.18);

}

/*****************************************
    IMAGE AREA
******************************************/

.book-store-page .image-container{

height:290px;

display:flex;

align-items:flex-end;

justify-content:center;

padding:25px 20px 10px;

margin:0;

overflow:visible;

position:relative;

isolation:isolate;

}

.book-store-page .image-container::before{

content:"";

position:absolute;

width:190px;

height:190px;

border-radius:50%;

background:radial-gradient(circle,
rgba(52,118,246,.10) 0%,
rgba(52,118,246,.05) 45%,
transparent 75%);

top:35px;

left:50%;

transform:translateX(-50%);

z-index:0;

transition:.45s;

}

.fixed-image{

width:170px;

height:250px;

object-fit:contain;

object-position:center;

display:block;

transition:.45s;

filter:drop-shadow(0 18px 30px rgba(0,0,0,.18));

}

.book-store-page .product-image:hover .fixed-image{

transform:

translateY(-8px)

scale(1.05);

filter:

drop-shadow(0 30px 45px rgba(0,0,0,.22));

}
.book-store-page .product-image:hover .image-container::before{

transform:

translateX(-50%)

scale(1.18);

background:radial-gradient(circle,
rgba(52,118,246,.18) 0%,
rgba(52,118,246,.08) 50%,
transparent 80%);

}

/*****************************************
    BOOK BODY
******************************************/

.book-store-page .card-body{

padding:22px !important;

display:flex;

flex-direction:column;

height:100%;

}

.book-store-page .card-body h6{

font-size:18px;

font-weight:700;

margin-bottom:8px;

color:#0c1b3a;

transition:.3s;

}

.book-store-page .product-image:hover .book-title{

color:#0057d8;

}

.book-store-page .card-body p{

margin-bottom:8px;

}

.book-store-page .text-secondary{

font-size:13px;

font-weight:500 !important;

color:#7b7b7b !important;

}

.book-store-page .text-primary{

font-size:18px;

font-weight:700 !important;

color:#0d6efd !important;

line-height:30px;

}

/*****************************************
    BUTTON
******************************************/

.book-store-page .btn-outline-dark{

background:#08152f;

color:#fff;

border:none;

padding:12px 28px;

border-radius:40px;

font-weight:600;

transition:.35s;

}

.book-store-page .btn-outline-dark:hover{

background:#f8b84e;

color:#08152f;

transform:translateY(-3px);

box-shadow:

0 20px 35px rgba(248,184,78,.4);

}

/*****************************************
    PAGINATION
******************************************/

.book-store-page .pagination .page-link{

border:none;

margin:0 5px;

border-radius:50px;

padding:10px 18px;

color:#08152f;

font-weight:600;

}

.book-store-page .pagination .active .page-link{

background:#08152f;

color:#fff;

}

/*****************************************
    MOBILE
******************************************/

@media(max-width:991px){

.book-store-page .sidebar{

margin-bottom:35px;

position:relative;

top:0;

}

}

@media(max-width:768px){

.book-store-page .fixed-image{

width:120px;

height:180px;

}

.book-store-page .sidebar{

padding:22px;

}
.book-store-page .product-image{

background:linear-gradient(
180deg,
#ffffff,
#f7faff,
#eef5ff
);

border:1px solid #d9e6ff;

box-shadow:
0 15px 35px rgba(16,24,40,.12);

}

}
/********************************
CATEGORY ICONS
********************************/

.book-store-page .category-box li{

overflow:hidden;

position:relative;

}

.book-store-page .category-box li::before{

content:'';

position:absolute;

left:0;

top:12px;

bottom:12px;

width:4px;

border-radius:50px;

background:#f8b84e;

opacity:0;

transition:.35s;

}

.book-store-page .category-box li:hover::before,

.book-store-page .category-box li.active::before{

opacity:1;

}

.book-store-page .category-box li a{

gap:14px;

font-size:15px;

}

.book-store-page .cat-icon{

width:36px;

height:36px;

display:flex;

align-items:center;

justify-content:center;

border-radius:10px;

background:rgba(255,255,255,.08);

transition:.35s;

font-size:18px;

}

.book-store-page .category-box li:hover .cat-icon{

background:#fff;

transform:rotate(-10deg) scale(1.15);

}

.book-store-page .category-box li.active .cat-icon{

background:#fff;

}

.book-store-page .category-box li span:last-child{

flex:1;

}
/******************************************

BOOK CARD PREMIUM

******************************************/

.book-store-page .product-image{

position:relative;

overflow:hidden;

border-radius:30px;

background:linear-gradient(
180deg,
#ffffff 0%,
#f8fbff 45%,
#edf4ff 100%
);

border:1px solid #dfe9fb;

box-shadow:
0 8px 30px rgba(16,24,40,.08),
0 1px 2px rgba(16,24,40,.04);

transition:all .45s ease;

}

.book-store-page .product-image::before{

content:'';

position:absolute;

top:0;

left:0;

right:0;

height:5px;

background:linear-gradient(90deg,#ffb347,#ffcc33,#ffc107);

transform:scaleX(0);

transition:.45s;

}

.book-store-page .product-image:hover::before{

transform:scaleX(1);

}

.book-store-page .wishlist{

position:absolute;

right:18px;

top:18px;

width:42px;

height:42px;

border-radius:50%;

background:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:18px;

box-shadow:0 10px 25px rgba(0,0,0,.12);

cursor:pointer;

transition:.35s;

z-index:10;

}

.book-store-page .product-image:hover .wishlist{

transform:rotate(360deg);

background:#ff4d6d;

color:#fff;

}

.book-store-page .book-category{

display:inline-flex;

align-items:center;

gap:10px;

padding:9px 18px;

background:linear-gradient(135deg,#edf4ff,#dbeaff);

border:1px solid #d5e4ff;

border-radius:50px;

font-size:13px;

font-weight:700;

color:#1756c2;

margin-bottom:18px;

box-shadow:

0 5px 15px rgba(23,86,194,.08);

}
.book-store-page .book-category::before{

content:"";

width:10px;

height:10px;

border-radius:50%;

background:#1b73ff;

display:block;

box-shadow:

0 0 0 5px rgba(27,115,255,.12);

}

.book-store-page .book-title{

font-size:21px;

font-weight:700;

line-height:1.45;

color:#152238;

margin:0 0 12px;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

overflow:hidden;

min-height:62px;

transition:.35s;

}

.book-store-page .book-author{

font-size:15px;

font-weight:500;

color:#6d7788;

line-height:1.6;

min-height:48px;

margin-bottom:20px;

}

.book-store-page .price-box{

display:flex;

justify-content:space-between;

margin-top:auto;

margin-bottom:22px;

}

.book-store-page .price-label{

display:block;

font-size:12px;

color:#999;

}

.book-store-page .price{

font-size:20px;

font-weight:700;

color:#0d6efd;

}

.book-store-page .view-btn{
margin-top:auto;

display:block;

width:100%;

text-align:center;

padding:13px;

border-radius:50px;

background:#08152f;

color:#fff;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.book-store-page .view-btn:hover{

background:#f8b84e;

color:#08152f;

letter-spacing:.5px;

transform:translateY(-3px);

box-shadow:0 18px 30px rgba(248,184,78,.4);

}
/* ==========================================
   Mobile Pagination Fix
========================================== */

@media (max-width:768px){

.book-store-page .pagination{
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
}

.book-store-page .pagination li{
    margin:3px;
}

.book-store-page .pagination .page-link{
    padding:8px 12px;
    font-size:14px;
    min-width:40px;
    text-align:center;
}

}
/**********************************

Glow Behind Cards

**********************************/

.book-store-page .product-image::after{

content:'';

position:absolute;

width:260px;

height:260px;

border-radius:50%;

background:

radial-gradient(circle,

rgba(255,208,80,.30),

transparent 70%);

top:-120px;

right:-120px;

opacity:0;

transition:.5s;

pointer-events:none;

}

.book-store-page .product-image:hover::after{

opacity:1;

transform:scale(1.25);

}
/**********************************
Mobile Active Effect
**********************************/
@media (hover:none){

.book-store-page .product-image:active{

transform:

translateY(-12px)

scale(1.02);

box-shadow:

0 30px 60px rgba(0,0,0,.18);

}

.book-store-page .product-image:active .fixed-image{

transform:

scale(1.08)

rotate(-3deg);

}

.book-store-page .product-image:active::after{

opacity:1;

transform:scale(1.2);

}

.book-store-page .product-image:active .wishlist{

background:#ff4d6d;

color:#fff;

}

.book-store-page .product-image:active .view-btn{

background:#f8b84e;

color:#08152f;

}

}
/* ==========================
   Premium Pagination
========================== */

.book-pagination{

display:flex;

justify-content:center;

margin:60px 0 30px;

}

.book-pagination ul{

display:flex;

align-items:center;

gap:10px;

padding:0;

margin:0;

list-style:none;

flex-wrap:wrap;

}

.book-pagination li{

list-style:none;

}

.book-pagination a,
.book-pagination span{

display:flex;

align-items:center;

justify-content:center;

min-width:48px;

height:48px;

padding:0 18px;

border-radius:999px;

background:#fff;

border:1px solid #e5ebf5;

font-weight:600;

font-size:15px;

color:#08152f;

text-decoration:none;

transition:.35s;

box-shadow:

0 6px 18px rgba(0,0,0,.05);

}

.book-pagination a:hover{

background:#08152f;

color:#fff;

transform:translateY(-3px);

box-shadow:

0 12px 25px rgba(8,21,47,.18);

}

.book-pagination .active span{

background:linear-gradient(135deg,#f7b733,#fc4a1a);

color:#fff;

border:none;

box-shadow:

0 12px 25px rgba(252,74,26,.35);

}

.book-pagination .disabled span{

opacity:.45;

cursor:not-allowed;

}

.book-pagination .dots{

padding:0 4px;

font-size:22px;

font-weight:700;

color:#9aa7b8;

background:none;

box-shadow:none;

border:none;

}

@media(max-width:768px){

.book-pagination ul{

gap:6px;

}

.book-pagination a,
.book-pagination span{

min-width:40px;

height:40px;

font-size:14px;

padding:0 14px;

}

}
.search-box input{
    background:#1b2745;
    color:#fff;
    border:1px solid #31456f;
}

.search-box input::placeholder{
    color:#b8c3d6;
}

.search-box input:focus{
    background:#1b2745;
    color:#fff;
    border-color:#f4b64a;
    box-shadow:none;
}

.search-box button{
    background:#f4b64a;
    color:#0d1b3d;
    border:none;
    font-weight:600;
}

.search-box button:hover{
    background:#e8a82d;
    color:#0d1b3d;
}