.book-details-page{

background:#f5f8fd;

min-height:100vh;

}

.book-detail-container{

padding-top:25px;

padding-bottom:45px;

}
   .book-details-page .book-detail-section{

padding:60px 0;

}
.book-details-page .fixed-image{

width:68%;

max-width:300px;

display:block;

margin:auto;

transition:.45s;

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

position:relative;

z-index:2;

}

.book-details-page .image-container{

position:relative;

display:flex;

justify-content:center;

align-items:center;

padding:10px;

}

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

content:"";

position:absolute;

width:280px;

height:280px;

border-radius:50%;

background:radial-gradient(circle,

rgba(39,108,255,.12),

transparent 72%);

transition:.4s;

}

.book-details-page .image-container:hover::before{

transform:scale(1.15);

}

.book-details-page .image-container:hover .fixed-image{

transform:

translateY(-8px)

rotate(-2deg)

scale(1.04);

}
   
    .book-details-page .book-info{

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

backdrop-filter:blur(16px);

border-radius:28px;

padding:42px;

border:1px solid #e8eef9;

box-shadow:

0 18px 55px rgba(16,24,40,.08);

}
    
 
 

.book-details-page .review-card {
        background: #fff;
        padding: 1.5rem;
        border-radius: 8px;
        margin-bottom: 1rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    .book-details-page .format-dropdown{
        max-width: 180px;
        border-radius: 8px;
    }
    .book-details-page .quantity-selector{

display:flex;

align-items:center;

justify-content:flex-start;

gap:12px;

width:100%;

max-width:100%;

margin-top:12px;

}

.book-details-page .quantity-selector button{

width:42px;

height:42px;

border:none;

border-radius:12px;

background:#eef4ff;

font-size:22px;

font-weight:700;

transition:.3s;

}

.book-details-page .quantity-selector button:hover{

background:#dbe9ff;

}

.book-details-page .quantity-selector input{

width:55px;

height:42px;

text-align:center;

font-size:18px;

border-radius:12px;

border:1px solid #d8e4ff;

}
    .book-details-page .modal-content{
        border-radius: 12px;
    }
    .book-details-page .modal-header{
        background: #f8f9fa;
        border-bottom: none;
    }
    .book-details-page .modal-body{
        padding: 2rem;
    }
    .book-details-page .modal-footer{
        border-top: none;
    }
    .book-details-page .form-label{
        font-weight: bold;
    }

.book-details-page .book-badge{

display:inline-flex;

align-items:center;

padding:8px 18px;

background:linear-gradient(135deg,#eef5ff,#dcebff);

border-radius:40px;

font-size:13px;

font-weight:700;

color:#1759c4;

margin-bottom:18px;

box-shadow:0 8px 20px rgba(23,89,196,.08);

}
	

.book-details-page .book-title{

font-size:46px;

font-weight:800;

line-height:1.1;

letter-spacing:-1px;

color:#152238;

margin:0 0 15px;

max-width:95%;

}
.book-details-page .book-author{

font-size:16px;

font-weight:500;

color:#6f7d90;

margin-bottom:2px;

}

.book-details-page .book-rating{

display:flex;

align-items:center;

gap:15px;

margin-bottom:30px;

}



.book-details-page .book-rating span{

font-size:16px;

font-weight:600;

color:#5c6778;

}
.book-details-page .description-box{

background:#f9fbff;

padding:18px;

border-radius:20px;

border:1px solid #e7eef9;

margin-bottom:20px;

}

.book-details-page .description-box h5{

font-weight:700;

margin-bottom:15px;

}

.book-details-page .description-box p{

line-height:1.9;

color:#65748a;

font-size:15px;

}
.book-details-page .price-card{

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:16px;
text-align:center;
width:100%;

}
/*==========================
PRICE & RATING SECTION
==========================*/

.book-details-page .price-review-row{

margin-bottom:35px;

}

.book-details-page .price-top{

display:flex;

justify-content:space-between;

align-items:flex-end;

gap:15px;

margin-bottom:8px;

}

.book-details-page .price-bottom{

display:flex;

justify-content:space-between;

align-items:center;

gap:30px;

}

.book-details-page .delivery-info{

display:flex;

align-items:center;

gap:10px;

font-size:15px;

font-weight:500;

color:#495057;

margin:0;

}

.book-details-page .delivery-info i{

color:#0d6efd;

font-size:18px;

flex-shrink:0;

}

.book-details-page .stock-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:12px 24px;

width:auto;

white-space:nowrap;

flex-shrink:0;

}

.book-details-page .book-rating{

display:flex;

align-items:center;

gap:12px;

margin:0;

}

@media(max-width:768px){

.book-details-page .price-top{

flex-direction:column;

align-items:flex-start;

gap:15px;

}

.book-details-page .price-bottom{

flex-direction:column;

align-items:flex-start;

gap:12px;

}

}
.book-details-page .book-details-content{

display:flex;

flex-direction:column;

gap:14px;

}

.book-details-page .price-label{

font-size:13px;

color:#6f7d90;

margin-bottom:6px;

text-transform:uppercase;

}

.book-details-page .book-price{

font-size:34px;

font-weight:800;

color:#0d6efd;

}

.book-details-page .stock-badge{

padding:9px 18px;

background:#dcfce7;

color:#198754;

border-radius:40px;

font-weight:700;

}
/*==========================
PREMIUM BUY BUTTON
==========================*/

.book-details-page .btn-buy-premium{

width:50%;

height:64px;

border:none;

border-radius:60px;

background:linear-gradient(135deg,#172f75,#2d57d8);

color:#fff;

font-size:18px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

gap:12px;

cursor:pointer;

position:relative;

overflow:hidden;

transition:.35s;

box-shadow:0 18px 40px rgba(27,74,190,.25);

}

.book-details-page .btn-buy-premium i{

font-size:28px;

}

.book-details-page .btn-buy-premium span{

font-size:18px;

font-weight:700;

}

.book-details-page .btn-buy-premium::before{

content:"";

position:absolute;

left:-120%;

top:0;

width:50%;

height:100%;

background:linear-gradient(

90deg,

transparent,

rgba(255,255,255,.35),

transparent

);

transform:skewX(-25deg);

transition:.8s;

}

.book-details-page .btn-buy-premium:hover{

transform:translateY(-5px);

box-shadow:0 28px 55px rgba(30,70,190,.35);

}

.book-details-page .btn-buy-premium:hover::before{

left:140%;

}

/* ==========================
   PREMIUM SPECIFICATIONS
========================== */

.book-details-page .book-specs{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

background:#fff;

border-radius:28px;

padding:10px;

margin-top:25px;

box-shadow:0 20px 45px rgba(0,0,0,.08);

overflow:hidden;

}

.book-details-page .spec-card{

display:flex;

align-items:center;

gap:14px;

padding:18px;

border-bottom:1px solid #edf2f7;

transition:.35s;

}

.book-details-page .spec-card:hover{

background:#f8fbff;

transform:translateY(-3px);

}

.book-details-page .spec-icon{

width:48px;

height:48px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

flex-shrink:0;

}

.book-details-page .spec-icon.blue{

background:#edf4ff;

color:#1e63d8;

}

.book-details-page .spec-icon.gold{

background:#fff7e6;

color:#c98a00;

}

.book-details-page .spec-icon.green{

background:#eaf8ef;

color:#2f9d52;

}

.book-details-page .spec-icon.purple{

background:#f2ecff;

color:#6c47c7;

}

.book-details-page .spec-icon.red{

background:#ffecec;

color:#cf3c2d;

}

.book-details-page .spec-icon.cyan{

background:#ebfbff;

color:#169bb5;

}

.book-details-page .spec-label{

font-size:13px;

font-weight:700;

text-transform:uppercase;

letter-spacing:.5px;

color:#7d8794;

margin-bottom:5px;

}

.book-details-page .spec-value{

font-size:15px;

font-weight:700;

color:#16253c;

}
/*=========================================
PREMIUM REVIEW SECTION
=========================================*/

.book-details-page .review-card{

background:#fff;

border:1px solid #e8eef8;

border-radius:22px;

padding:20px;

margin-bottom:15px;

box-shadow:
0 12px 30px rgba(20,30,60,.06);

transition:.35s;

}

.book-details-page .review-card:hover{

transform:translateY(-5px);

box-shadow:
0 25px 45px rgba(20,30,60,.10);

}

.book-details-page .review-top{

display:flex;

align-items:center;

gap:18px;

margin-bottom:18px;

}

.book-details-page .review-avatar{

width:60px;

height:60px;

border-radius:50%;

background:linear-gradient(135deg,#0d6efd,#6ea8fe);

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

font-weight:700;

color:#fff;

flex-shrink:0;

}

.book-details-page .review-top h5{

margin:0;

font-size:18px;

font-weight:700;

color:#152238;

}

.book-details-page .rating-stars{

margin-top:6px;

font-size:17px;

}

.book-details-page .review-date{

font-size:13px;

color:#8d97a9;

margin-bottom:14px;

}

.book-details-page .review-text{

font-size:15px;

line-height:1.9;

color:#5f6f82;

margin:0;

}

/*====================================
MOBILE OPTIMISATION
====================================*/

@media(max-width:768px){
    
    .book-details-page img{

max-width:100%;
height:auto;

}

.book-details-page .image-container{

overflow:hidden;

}

    
    .book-details-page .book-info{

text-align:center;

}

.book-details-page .price-card{

align-items:center;

}

.book-details-page .description-box{

text-align:left;

}

.book-details-page .col-lg-6{

margin-bottom:35px;

}
.book-details-page .book-title{

font-size:28px;

line-height:1.3;

text-align:center;

}

.book-details-page .book-author{

text-align:center;

margin-bottom:18px;

}

.book-details-page .book-rating{

justify-content:center;

flex-wrap:wrap;

}

.book-details-page .price-card{

flex-direction:column;

gap:18px;

text-align:center;

}

.book-details-page .book-price{

font-size:32px;

}

.book-details-page .book-specs{

grid-template-columns:1fr;

}

.book-details-page .btn-buy-premium{

width:100%;

}

.book-details-page .image-container{

padding:15px;

}

.book-details-page .fixed-image{

width:85%;

max-width:250px;

}
.book-details-page .quantity-selector{

justify-content:center;

margin:auto;

}

.book-details-page .format-dropdown{

width:100%;

max-width:320px;

height:52px;

padding:0 45px 0 16px;

border:1px solid #d8e4ff;

border-radius:14px;

background-color:#fff;

font-size:16px;

font-weight:500;

cursor:pointer;

appearance:none;

-webkit-appearance:none;

-moz-appearance:none;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%2308152f' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5L8 12l6.5-6.5' stroke='%2308152f' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

background-repeat:no-repeat;

background-position:right 16px center;

background-size:18px;

}
.book-details-page .format-dropdown:focus{

outline:none;

border-color:#0d6efd;

box-shadow:0 0 0 4px rgba(13,110,253,.15);

}

.book-details-page .d-flex.gap-3{

flex-direction:column;

}
@media (max-width:768px){

.book-details-page .row.mb-4{

display:flex;
align-items:flex-start;
gap:18px;

}

.book-details-page .row.mb-4 .col-md-7{

flex:0 0 65%;
max-width:65%;

}

.book-details-page .row.mb-4 .col-md-5{

flex:0 0 35%;
max-width:35%;

display:flex;
flex-direction:column;
align-items:center;

}

.book-details-page .format-dropdown{

width:100%;
max-width:100%;

}

.book-details-page .quantity-selector{

display:flex;
justify-content:center;
align-items:center;
gap:8px;
margin-top:8px;

}

.book-details-page .quantity-selector button{

width:40px;
height:40px;

}

.book-details-page .quantity-selector input{

width:48px;
height:40px;

}

}

.book-details-page .btn-buy-premium{

padding:16px;

font-size:17px;

}
.book-details-page .book-info{

padding:22px;

border-radius:20px;

}

.book-details-page .price-card{

padding:18px;

}
/*====================================
PRICE + RATING ROW
====================================*/


.book-details-page .book-rating{

margin:0;

display:flex;

align-items:center;

gap:10px;

}

@media(max-width:768px){

.book-details-page .price-review-row{

flex-direction:column;

gap:20px;

}

.book-details-page .price-right{

align-items:flex-start;

}

}

.book-details-page .description-box{

padding:18px;

}

.book-details-page .book-badge{

display:flex;

justify-content:center;

margin:auto auto 18px;

}

.book-details-page .spec-card{

padding:15px;

}

.book-details-page .review-card{

padding:18px;

}

.book-details-page .format-dropdown{

max-width:100%;

}

.book-details-page .quantity-selector{

margin-bottom:20px;

}

.book-details-page .modal-body{

padding:20px;

}

}
@media(max-width:768px){

.book-details-page .review-card{

padding:20px;

border-radius:18px;

}

.book-details-page .review-top{

gap:14px;

}

.book-details-page .review-avatar{

width:48px;

height:48px;

font-size:20px;

}

.book-details-page .review-top h5{

font-size:16px;

}

.book-details-page .review-text{

font-size:14px;

line-height:1.8;

}
}
/*==============================
Verified Badge
==============================*/

.review-user h5{

margin:0;

font-size:18px;

font-weight:700;

}

.verified-badge{

display:inline-block;

margin-top:4px;

padding:4px 12px;

border-radius:30px;

background:#e8f7ee;

color:#1b7a44;

font-size:12px;

font-weight:700;

margin-bottom:8px;

}
/*==============================
Write Review Card
==============================*/

.write-review-card{

background:#fff;

padding:24px;

border-radius:24px;

margin-top:30px;

box-shadow:0 15px 40px rgba(0,0,0,.06);

border:1px solid #edf1f8;

}

.write-review-card h3{

font-size:28px;

font-weight:700;

margin-bottom:8px;

}

.write-review-card p{

color:#7b8796;

margin-bottom:30px;

}

}
html,
body{
    overflow-x:hidden;
}

.book-details-page{
    overflow-x:hidden;
}
.write-review-card input,
.write-review-card textarea,
.write-review-card select{

width:100%;
border:1px solid #dbe5f0;
border-radius:12px;
padding:12px 15px;
font-size:15px;
margin-bottom:18px;

}

.write-review-card label{

font-weight:600;
margin-bottom:8px;
display:block;

}

.write-review-card textarea{

resize:vertical;
min-height:140px;

}

.write-review-card .btn-buy-premium{

margin-top:10px;

}
/* ====================================
PREMIUM BOOK HEADER
==================================== */

.book-details-page .price-review-row{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-bottom:20px;
}

.book-details-page .price-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:25px;
}

.book-details-page .price-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding-top:2px;
}

.book-details-page .price-left{
    display:flex;
    flex-direction:column;
}

.book-details-page .price-right{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:12px;
}

.book-details-page .delivery-info{
    font-size:14px;
    color:#666;
    margin-top:8px;
}

/* Desktop */
.desktop-description{
    display:block;
}

.mobile-description{
    display:none;
}

/* Mobile */
@media (max-width:768px){

    .desktop-description{
        display:none;
    }

    .mobile-description{
        display:block;
        margin-top:25px;
    }

    .book-details-page .price-top,
    .book-details-page .price-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .book-details-page .price-right{
        align-items:flex-start;
    }
}
/* ==========================
   MOBILE HEADER LAYOUT
========================== */

@media (max-width:768px){

.book-details-page .price-top{

display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
gap:15px;

}

.book-details-page .price-top > div:first-child{

flex:1;

}

.book-details-page .stock-badge{

padding:8px 14px;
font-size:14px;
margin:0;
white-space:nowrap;

}

}
/* ===========================
STAR COLOURS
=========================== */

.book-details-page i.filled-star{
    color:#FFC107 !important;
}

.book-details-page i.empty-star{
    color:#FFC107 !important;
    opacity:.35;
}

.book-details-page .stars i,
.book-details-page .rating-stars i{
    font-size:18px;
}

.book-details-page .filled-star,
.book-details-page .empty-star{
    font-size:18px;
}
.delivery-info,
.platform-info,
.gateway-info{
    display:flex;
    align-items:center;
    gap:12px;
    margin:10px 0;
    font-size:16px;
    font-weight:600;
    width:100%;
}

.delivery-info i,
.platform-info i,
.gateway-info i{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:50%;
    background:#edf4ff;
    color:#0d6efd;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}

.delivery-info strong,
.platform-info strong,
.gateway-info strong{
    flex:1;
    font-weight:700;
    color:#212529;
}

.delivery-info span:last-child,
.platform-info span:last-child,
.gateway-info span:last-child{
    font-weight:700;
    color:#212529;
    text-align:right;
    min-width:80px;
}