/* ----------------------------------------------------------------
	Books page (scoped to body.books-page)
-----------------------------------------------------------------*/

body.books-page .bk-wrap { max-width: 1200px; }

.bk-heading {
	position: relative;
	margin: 0 0 22px;
	padding-left: 16px;
	font-size: 22px;
	font-weight: 700;
	color: var(--sp-ink);
}
.bk-heading::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 5px;
	border-radius: 4px;
	background: var(--sp-accent);
}
.bk-heading-list { margin-top: 46px; }

/* Language chips */
.bk-langs { display: flex; flex-wrap: wrap; gap: 16px; }
.bk-lang {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	min-width: 240px;
	padding: 16px 20px 16px 26px;
	background: #fff;
	border: 1px solid var(--sp-line);
	border-radius: 16px;
	box-shadow: var(--sp-shadow);
	color: var(--sp-ink) !important;
	text-decoration: none !important;
	transition: transform .25s, box-shadow .25s, border-color .25s, background .25s;
}
.bk-lang:hover { transform: translateY(-4px); border-color: var(--sp-accent); box-shadow: var(--sp-shadow-lg); }
.bk-lang-name { font-size: 14px; font-weight: 700; letter-spacing: 1.6px; }
.bk-lang-count {
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border-radius: 50px;
	background: rgba(10, 126, 164, .1);
	color: var(--sp-primary-dark);
	font-size: 14px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background .25s, color .25s;
}
.bk-lang:hover .bk-lang-count { background: var(--sp-accent); color: var(--sp-navy); }
.bk-lang.is-active { background: var(--sp-navy); border-color: var(--sp-navy); color: #fff !important; }
.bk-lang.is-active .bk-lang-count { background: var(--sp-accent); color: var(--sp-navy); }

/* Book grid */
.bk-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.bk-card {
	background: #fff;
	border: 1px solid var(--sp-line);
	border-radius: 18px;
	box-shadow: var(--sp-shadow);
	overflow: hidden;
	transition: transform .3s, box-shadow .3s, border-color .3s;
}
.bk-card:hover { transform: translateY(-8px); box-shadow: var(--sp-shadow-lg); border-color: rgba(212, 162, 76, .55); }
.bk-card-inner { display: flex; flex-direction: column; height: 100%; }
.bk-cover {
	background: linear-gradient(180deg, #f3f7fa, #e9f0f5);
	padding: 22px 22px 18px;
	text-align: center;
	border-bottom: 1px solid var(--sp-line);
}
.bk-cover a { display: block; }
.bk-cover .fxwdimg {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 230px;
}
.bk-cover img {
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 4px;
	box-shadow: 0 12px 26px rgba(15, 42, 61, .22);
	transition: transform .45s;
}
.bk-card:hover .bk-cover img { transform: scale(1.05) translateY(-3px); }

.bk-info { display: flex; flex-direction: column; flex: 1; padding: 20px 20px 22px; text-align: center; }
.bk-info .bk-title { flex: 1; margin-bottom: 14px; }
.bk-info .bk-title h3 {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.6;
	font-weight: 400;
	color: var(--sp-ink);
}
.bk-info .bk-title h3.bk-title-bold { font-weight: 700; }
.bk-info .bk-title h3 b { font-weight: 700; }
.bk-info .bk-title a { color: var(--sp-ink); }
.bk-info .bk-title a:hover { color: var(--sp-primary); }
.bk-price { margin: 0; padding-top: 14px; border-top: 1px dashed var(--sp-line); }
.bk-price a { display: inline-flex; align-items: baseline; justify-content: center; gap: 10px; text-decoration: none; }
.bk-price ins { text-decoration: none; font-size: 18px; font-weight: 700; color: var(--sp-primary-dark); }
.bk-price del { font-size: 14px; color: #8a99a5; }
.bk-price .fa-rupee { font-style: normal; }
.bk-price .fa-rupee::before { content: "\20B9"; font-family: inherit; font-weight: 700; margin-right: 1px; }

/* Pagination */
.bk-pager { margin-top: 54px; text-align: center; }
.bk-pager .btn.pbt {
	min-width: 46px;
	height: 46px;
	line-height: 32px;
	margin: 4px 3px;
	padding: 6px 18px;
	border-radius: 50px;
	border: 1px solid var(--sp-line);
	background: #fff;
	color: var(--sp-ink);
	font-size: 14px;
	font-weight: 600;
	box-shadow: var(--sp-shadow);
	transition: background .25s, color .25s, border-color .25s, transform .25s;
}
.bk-pager .btn.pbt:hover { background: var(--sp-accent); border-color: var(--sp-accent); color: var(--sp-navy); transform: translateY(-2px); }
.bk-pager .btn.pbt.disabled {
	opacity: 1;
	background: var(--sp-navy);
	border-color: var(--sp-navy);
	color: #fff;
	pointer-events: none;
	box-shadow: 0 8px 18px rgba(10, 42, 60, .25);
}

@media (max-width: 1199px) { .bk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { .bk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } }
@media (max-width: 575px) {
	.bk-langs { flex-direction: column; }
	.bk-lang { width: 100%; }
	.bk-cover { padding: 16px 12px 14px; }
	.bk-cover .fxwdimg { height: 170px; }
	.bk-info { padding: 14px 12px 16px; }
	.bk-info .bk-title h3 { font-size: 13px; }
	.bk-price ins { font-size: 16px; }
}