
.Table-header {
	display: none;
}
@media (min-width: 500px) {
	.Table-header {
		font-weight: 700;
	}
}
.Table-row {
	width: 100%;
	min-height: 54px;
}
.Table-row:nth-of-type(even) {
	background-color: #F7F8FF;
}
.Table-row:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0);
}
.Table-header{
	background-color: rgba(0, 0, 0, 0) !important;
	border-bottom: 1px solid #E6E8F6;
}
@media (min-width: 500px) {
	.Table-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row nowrap;
				-ms-flex-flow: row nowrap;
						flex-flow: row nowrap;
	}
	.Table-row:nth-of-type(even) {
		background-color: #F7F8FF;
	}
	.Table-row:nth-of-type(odd) {
		background-color: rgba(0, 0, 0, 0);
	}
}
.Table-row-item {
	-webkit-flex-basis: 0;
			-ms-flex-preferred-size: 0;
					flex-basis: 0;

	word-break: break-word;
}
.Table-row-item:before {
	content: attr(data-header);
	width: 30%;
	font-weight: 700;
	color : #C3C8E6;
}
@media (min-width: 500px) {
	.Table-row-item:before {
		content: none;
	}
}

.ketabresanJam{
	color: #75B800;
}
.text-divider::before {
	content: '|';
	padding-left: 0.5rem;
	color: rgb(var(--blue-gray-300));
}
.d-ltr{
	direction: ltr;
}

.card-primary{
	border: 1px solid #9EDB34;
	box-shadow: 0px 5px 20px 0px rgba(158, 219, 52, 0.30);
}

.card-mute{
border: 1px solid #8F99BF;
background: #E6E8F6;
box-shadow: 0px 8px 20px 0px rgba(69, 78, 115, 0.08);
}
/* success process bar */
.bg-ktrsn-process{
	height: 16px; 
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 10px 20px 0px rgba(69, 78, 115, 0.10) inset;	
}
.ktrsn-process{
	height: 8px; 
	border-radius: 4px;
	background: linear-gradient(90deg, #9EDB34 0.01%, #75B800 101.26%);
	box-shadow: 0px 5px 10px 0px rgba(158, 219, 52, 0.30);	
}
/* disable proccess bar */

.ktrsn-process-mute{
	height: 8px; 
	border-radius: 4px;
  background: linear-gradient(90deg, #8F99BF 0.01%, #454E73 101.26%);
	box-shadow: 0px 5px 10px 0px rgba(69, 78, 115, 0.20);
}

.form-check.form-check-solid .form-check-input:checked{
border: 1px solid #CCFF6C;
background-color: #CCFF6C;

/* green-shadow */
box-shadow: 0px -10px 20px 0px rgba(117, 184, 0, 0.15) inset, 0px 5px 20px 0px rgba(158, 219, 52, 0.30);	
}
.shelf-image, .more-image-link {
  width: 3.75rem;
  height: 5rem;
  max-width: 3.75rem;
  display: block;
  overflow: clip;
}
.more-image-link{
	background-color: #E6E8F6;
	text-align: center;
}
.shelf_book_box{
	width: 157px;
}
.shelf_book_box .card-body{
	padding: 2rem 1.25rem;
}
.shelf-book-image{
	width: 84px;
	margin: auto;
}
.addBookToShelf{
	background-color: #E6E8F6;
	text-align: center;
	width: 157px;
	font-size: 14px;
}
.delbook{
   z-index: 2;
   position: relative;	
}

@media (min-width: 576px) {
	.books-grid > .book-card-box {
		width: 14.0625rem;
		max-width: 14.0625rem;
		overflow: hidden;
	}

	.books-grid > .book-card-box > .d-flex,
	.books-grid > .book-card-box > .d-flex > .d-flex {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.books-grid > .book-card-box .book-card-image,
	.books-grid > .book-card-box .book-card-info,
	.books-grid > .book-card-box .quantity-block {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	/* Title: max 2 lines, then ellipsis */
	.books-grid > .book-card-box .book-card-info a.text-truncate {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
		word-break: break-word;
	}
}

/* Mobile: natural card size from image+text (same as capsule); tighter gap */
@media (max-width: 575.98px) {
	.books-grid {
		gap: 0.75rem !important;
	}
}

.books-grid > .book-card-box .book-card-info a.text-truncate {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

.book-free-shipping-toast-container {
	bottom: 1.5rem;
	z-index: 1040;
}

.book-free-shipping-toast-container .toast {
	min-width: min(100vw - 2rem, 22rem);
}

.book-free-shipping-toast-container .book-toast-cart-btn {
	flex-shrink: 0;
	min-width: 0;
	font-size: 0.75rem;
	padding: 0.25rem 0.55rem;
	line-height: 1.4;
}

.book-free-shipping-toast-container .js-free-shipping-hint {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.book-toast-check {
	display: inline-flex;
	flex-shrink: 0;
	color: #9fda35;
	animation: bookCheckPop 0.4s 0.12s cubic-bezier(0.2, 1.35, 0.4, 1) both;
}

.book-toast-check-svg circle {
	stroke-dasharray: 63;
	stroke-dashoffset: 63;
	animation: bookCheckDraw 0.4s ease forwards;
}

.book-toast-check-svg path {
	stroke-dasharray: 16;
	stroke-dashoffset: 16;
	animation: bookCheckDraw 0.28s 0.28s ease forwards;
}

@keyframes bookCheckDraw {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes bookCheckPop {
	from {
		transform: scale(0.45);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.book-free-shipping-toast-container .js-free-shipping-hint.is-swapping-out {
	opacity: 0;
	transform: translateY(-10px);
}

.book-free-shipping-toast-container .js-free-shipping-hint.is-swapping-in {
	animation: bookToastMsgIn 0.35s ease;
}

@keyframes bookToastMsgIn {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 767.98px) {
	.book-page {
		padding-bottom: 5rem;
	}

	.book-free-shipping-toast-container {
		bottom: 4.5rem;
	}

	.book-mobile-buy-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1030;
		background-color: #fff;
		padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
		box-shadow: 0 -5px 20px rgba(69, 78, 115, 0.12);
		border-radius: 1rem 1rem 0 0;
	}

	.book-mobile-buy-bar .book-mobile-buy-row {
		flex-wrap: nowrap;
		gap: 0.5rem;
	}

	.book-mobile-buy-bar .book-mobile-buy-prices {
		flex: 1;
		min-width: 0;
		gap: 0.25rem;
	}

	.book-mobile-buy-bar .book-mobile-buy-prices .disount-badge {
		margin-left: 0.35rem !important;
		margin-right: 0.35rem !important;
		flex-shrink: 0;
	}

	.book-mobile-buy-bar .book-mobile-buy-prices .text-darkness-green {
		font-size: 1rem !important;
		white-space: nowrap;
	}

	.book-mobile-buy-bar .book-mobile-buy-prices .text-decoration-line-through {
		font-size: 0.75rem;
		white-space: nowrap;
	}

	.book-mobile-buy-bar .quantity-block {
		flex-shrink: 0;
	}

	.book-mobile-buy-bar .quantity-block .btn.add-to-cart.first-item {
		min-width: 0;
		white-space: nowrap;
		padding: 0.5rem 0.75rem;
	}
}