.ls-product-area {
    padding: 30px 0px;
  }
  
  .ls-breadcrumbs {
    display: inline-block;
    line-height: normal;
  }
  
  .ls-bread-crumbs {
    list-style: none;
    padding: 0px;
  }
  
  .ls-bread-crumbs-li {
    float: left;
    margin-left: 15px;
  }
  
  .ls-bread-crumbs-li a {
    font-weight: 500 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    color: var(--color-primary) !important;
  }
  
  .ls-sort-category select {
    width: auto;
    padding: 8px 15px;
    border-radius: 16px;
    background-color: var(--color-screen);
    border-color: var(--color-screen);
    outline: 0px;
    font-size: 14px;
  }
  
  .ls-sort-category select:focus {
    border-color: var(--color-dark);
  }
  
  
  .ls-bread-crumbs-li:last-child a {
    font-weight: bold !important;
    color: var(--color-dark) !important;
  }
  
  .ls-bread-crumbs-li::after {
    content: " > ";
  }
  
  /* This removes the ">" after the last item */
  .ls-bread-crumbs-li:last-child::after {
    content: none;
  }
  
  .ls-product-screen {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 25px;
    position: relative;
  }
  
  .ls-product-section {
    width: 100%;
    border-radius: 15px;
    border: 1px solid #E6E6E6;
    padding: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 20px;
    height: auto;
    overflow: auto;
  }
  
  
  
  
  
  .product-image {
    width: 250px;
    cursor: zoom-in;
  }
  
  .ls-product-content-area {
    width: 100%;
  }
  
  .ls-product-view-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .ls-product-view-header h3 {
    font-size: 14px;
  }
  
  
  .badge-sucess {
    background-color: rgba(130, 209, 117, .2);
    padding: 3px 15px;
    border-radius: 12px;
    font-weight: bold;
    color: rgb(0, 199, 0);
  }

  .badge-out-of-stock{
    color: rgb(199, 0, 0);
    background-color: rgba(209, 117, 117, 0.2);
  }
  
  .ls-discount-badge {
    font-size: 14px;
    font-weight: bold;
    background-color: var(--color-dark);
    color: #ffff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
  }

  .product-cart-img {
    position: relative;
  }
  .product-express-delivery{
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    background-color: var(--color-secondary);
    color: var(--color-primary);
    text-align: center;
    margin: 0px;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 19;
    }
  .ls-express{
    background-color: var(--color-secondary);
    color: var(--color-primary);
  }
  
  .ls-product-content-title {
    margin: 20px 0px;
    border-bottom: 1px solid #E6E6E6;
  }
  
  .ls-product-content-title h1 {
    font-size: 30px !important;
    font-family: 'EB Garamond', serif !important;
    letter-spacing: 0px !important;
    margin: 0px !important;
    line-height: 1.2 !important;
  }
  
  .ls-product-title-child {
    margin: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .ls-product-content-title h2 {
    margin-top: 5px !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
  }
  
  .ls-product-content-title h2 a {
    color: var(--color-dark);
    font-weight: bold;
  }
  
  .ls-product-raiting-star .checked {
    color: orange !important;
  }
  
  .ls-product-raiting-star .fa-star {
    color: #cecece;
    font-size: 20px;
    float: none;
    margin-right: 5px;
  }
  .ls-product-raiting-star{
    line-height: normal;
  }
  
  
  .ls-product-content-price {
    /* padding-bottom: 20px; */
    border-bottom: 1px solid #E6E6E6;
  }
  
  .ls-product-content-price div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 15px;
  }
  
  .ls-product-content-price div h2 {
    font-size: 25px;
    font-weight: bold;
    margin: 0px;
    color: var(--color-primary) !important;
  }
  
  .ls-product-content-price div h3 {
    font-size: 18px;
    color: var(--color-dark);
    text-decoration: line-through;
    margin: 0px;
  }
  
  .ls-product-content-price .badge-sucess {
    font-size: 14px;
  }
  
  .ls-product-content-price p {
    text-align: left;
    margin-top: 8px;
  }
  
  
  .ls-product-addtocart {
    margin: 0px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 15px;
  }
  
  .ls-product-addtocart {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 20px;
  }
  
  .ls-product-addtocart button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 10px !important;
    background-color: var(--color-dark);
    color: #ffff;
    border: none;
    padding: 10px 25px !important;
    border-radius: 8px !important;
    cursor: pointer;
  }
  
  .ls-addtowishlist a {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    font-size: 14px;
  }
  
  
  .ls-product-social-share{
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px ;
   
  }
  
  .ls-product-category-child {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
    font-size: 14px;
    line-height: normal;
    
  }
  
  .ls-product-category-child a {
    padding: 10px 15px;
    background-color: var(--color-screen);
    font-weight: 400;
    border-radius: 12px;
    font-size: 12px;
  }
  
  .ls-product-category-child p {
    margin: 0px;
  }
  
  .ls-product-social-share-child {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  
  }
  
  .ls-product-social-share-child a {
    margin-right: 10px;
  }
  
  .ls-product-social-share-child a img {
    width: 40px;
    height: 40px;
  }
  
  
  .ls-product-details-screen {
    width: 100%;
    margin-top: 40px;
    line-height: normal;
  }
  
  .ls-product-details-screen-child {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .ls-tab {
    display: none;
  }
  
  .ls-tab.active {
    display: block;
  }
  
  .ls-tab-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .ls-tab-button {
    cursor: pointer;
    padding: 15px 20px;
    border: 3px solid #ffff;
    margin: 0px 20px;
    font-weight: 500;
    color: var(--text-primary);
    font-weight: bold;
    font-size: 15px;
    
  }
  
  .ls-tab-button:hover {
    border-bottom: 3px solid var(--color-dark);
  }
  
  .ls-tab-button.active {
    border-bottom: 3px solid var(--color-dark);
  }
  
  
  .ls-product-details-screen-child {
    border-radius: 15px;
    border: 1px solid #E6E6E6;
    padding: 30px 60px;
  
  }
  
  
  .ls-text-description {
    line-height: 2 !important;
    text-align: justify !important;
    font-size: 14px;
  }
  
  .ls-books-details {
    width: 100%;
  }
  
  .ls-books-details-table {
    width: 100%;
    border-collapse: collapse;
  }
  
  .ls-books-details-table th,
  td {
    border: 1px solid #ddd;
    padding: 15px 10px;
    text-align: left;
    font-size: 14px;
  }
  
  .ls-books-details-table th {
    background-color: #f2f2f2;
  }
  
  .ls-books-table-category a {
    border: 1px solid #f7cfd1;
    background-color: #fce6e7;
    padding: 6px 15px;
    margin: 5px 5px;
    border-radius: 16px;
    font-weight: 500;
    color: var(--color-dark);
    font-size: 16px;
    display: inline-block;
  }
  
  
  .ls-customer-review-collection {
    padding: 0px 60px;
  }
  
  .ls-customer-review {
    padding: 20px 0px;
  }
  
  .ls-customer-review-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
  }
  
  .ls-customer-review-image img {
    border-radius: 50%;
  }
  
  .customer-review-title h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
  }
  
  .ls-customer-review-header p {
    margin-top: 30px;
  }
  
  .ls-customer-review-comment {
    padding-left: 80px;
  
  }
  
  .ls-customer-review-comment p {
    font-size: 14px;
    text-align: justify;
    line-height: 1.5;
  }
  
  .ls-feature-books-wrapper{
    border-radius: 15px;
    border: 1px solid #E6E6E6;
    padding: 15px 30px;
    margin: 30px 0px;
  }
  
  .ls-featured-books h1 {
    font-family: 'EB Garamond', serif !important;
    font-size: 32px;
    margin: 0px;
    margin-top: 20px;
    text-align: center;
  }
  
  
  
  .ls-featured-books-collection {
    /* display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-column-gap: 30px; */
    padding: 60px 0px;
  }
  
  
  .product-discount-banner {
    margin-top: -26px;
    position: absolute;
    background-color: var(--color-dark);
    display: inline;
    /* border-top-right-radius: 12px; */
    border-top-left-radius: 6px;
    color: white;
    line-height: normal;
  }
    
  .product-discount-banner {
    display: inline-block;
    background-color: var(--color-dark); /* dark gray background */
    color: white; /* white text */
    padding: 3px 15px; /* increased padding for better appearance */
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 0%, calc(100% - 10px) 100%, 0 100%);
  
  }
  
  .ls-featured-book {
    transition: transform 0.2s ease-in-out;
    position: relative;
  }

  .product-cart-img img {
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}

  .product-cart-img img:hover {
      transition: mask-position 1.5s ease,-webkit-mask-position 1.5s ease;
      -webkit-mask-position: 120%;
      mask-position: 120%;
      opacity: 1;
  }

  
  /* .ls-featured-book:hover {
    transform: translateY(-10px) !important;
  } */
  
  .ls-featured-book img {
    width: 100%;
    height: auto;
  }
  
  .heading-books:hover {
    text-decoration: underline;
  }
  
  .ls-featured-book h2 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    margin-top: 5px;
  }
  
  .ls-featured-book h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: normal;
    margin: 0px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 500;
  }
  
  .ls-featured-book h3 a {
    color: var(--color-dark);
  }
  
  
  
  .ls-featured-book-price {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 10px;
    padding: 0px;
  }
  
  .ls-featured-book-price .regular {
    font-size: 15px;
  }
  
  .ls-featured-book-price .cross {
    color: var(--color-dark);
    text-decoration: line-through;
  }
  
  .ls-featured-book-action{
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  
  .ls-featured-book-action .btn-addtocart{
    /* margin-right: 5px; */
    font-size: 12px;
    padding: 8px 10px !important;
    border-radius: 5px;
    background-color: var(--color-dark);
    color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    line-height: normal;
  }
  .ls-featured-book-action .btn-addtocart img{
    width: 15px !important;
    height: auto !important;
  }
  
  .ls-featured-book-action .btn-wishlist img{
    width: 25px !important;
    height: auto !important;
  }
  
  /* .btn-wishlist{
    display: none;
  } */
  
  
  .ls-product-quick-view{
    display: none;
    position: absolute;
    padding: 15px;
    background-color: var(--color-dark);
    border-radius: 50%;
    left: 40%;
    top: 25%;
    transition: all 0.3s ease-in;
    cursor: pointer;
    z-index: 19;
  }
  .ls-product-quick-view i {
    color: #ffff;
    margin: 0;
    
  }
  
  .ls-featured-book:hover .ls-product-quick-view{
    display: block;
    transition: all 0.3s ease-in;
  }
  
  .ls-category-header-wrapper {
    background-color: var(--color-screen);
  }
  
  .ls-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px;
    background-color: var(--color-screen);
  }
  
  .ls-sub-catagories {
    margin-top: 20px;
    list-style: none;
    padding: 0px;
  
  }
  
  .ls-sub-category-warapper {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  .ls-sub-catagories li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: normal;
  }
  
  .ls-category-header-heading h1 {
    font-family: 'EB Garamond', serif !important;
    font-size: 30px !important;
    margin: 0px;
  }
  
  
  .ls-category-product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    border-bottom: 1px solid #E6E6E6;
  }
  
  .ls-category-product-right {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
  }
  
  .ls-category-product-wrapper .ls-featured-books {
    margin: 0px;
  }
  
  .ls-category-product-wrapper .ls-featured-books-collection {
    padding: 20px 0px;
  }
  
  .shimmer {
    min-height: 350px;
    display: block;
    background: linear-gradient(-45deg, #eee 40%, #fafafa 50%, #eee 60%);
    background-size: 300%;
    background-position-x: 100%;
    animation: shimmer 1s infinite linear;
  }
  
  .shimmer-v2 {
    min-height: 250px;
    display: block;
    background: linear-gradient(-45deg, #eee 40%, #fafafa 50%, #eee 60%);
    background-size: 300%;
    background-position-x: 100%;
    animation: shimmer 1s infinite linear;
  }
  
  
  .qty-input {
  
    color: var(--text-primary);
    display: flex;
    align-items: center;
  
  }
  
  .qty-input .product-qty,
  .qty-input .qty-count {
    background: transparent;
    color: inherit;
    font-weight: bold;
    font-size: inherit;
    border: none;
    display: inline-block;
    min-width: 0;
    height: 4.5rem;
    line-height: 1;
    border-radius: 0px;
  }
  
  .qty-input .product-qty:focus,
  .qty-input .qty-count:focus {
    outline: none;
  }
  
  .qty-input .product-qty {
    width: 100px;
    min-width: 0;
    display: inline-block;
    text-align: center;
    appearance: textfield;
  }
  
  .qty-input .product-qty::-webkit-outer-spin-button,
  .qty-input .product-qty::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
  }
  
  .qty-input .qty-count {
    padding: 0;
    cursor: pointer;
    width: 2.5rem;
    font-size: 1.25em;
    text-indent: -100px;
    overflow: hidden;
    position: relative;
  }
  
  .qty-input .qty-count:before,
  .qty-input .qty-count:after {
    content: "";
    height: 2px;
    width: 10px;
    position: absolute;
    display: block;
    background: #000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .qty-input .qty-count--minus {
    border-right: 1px solid #e2e2e2;
  }
  
  .qty-input .qty-count--add {
    border-left: 1px solid #e2e2e2;
  }
  
  .qty-input .qty-count--add:after {
    transform: rotate(90deg);
  }
  
  .qty-input .qty-count:disabled {
    color: #ccc;
    background: #f2f2f2;
    cursor: not-allowed;
    border-color: transparent;
  }
  
  .qty-input .qty-count:disabled:before,
  .qty-input .qty-count:disabled:after {
    background: #ccc;
  }
  
  .qty-input {
    width: 150px;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
  
  }
  
  .qty-count:hover {
    background-color: var(--color-screen);
  
  }
  
  .ls-minus {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  
  .ls-minus:hover {
    background-color: #bebebe !important;
  }
  
  .ls-add {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  
  .ls-add:hover {
    background-color: #bebebe !important;
  }
  
  @keyframes shimmer {
    to {
      background-position-x: 0%
    }
  }
  
  .tippy-box[data-theme~='litesofts'] {
    background-color: black;
    margin: 10px;
    padding: 2px 0px;
    z-index: 9999;
  }
  
  .tippy-box[data-theme~='litesofts'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: black;
    z-index: 9999;
  }
  
  
  .navigation {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
  }
  
  .menuToggle {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 70px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
  }
  
  .menuToggle::before {
    content: '+';
    position: absolute;
    font-size: 2.8em;
    font-weight: 550;
    color: #087fe0;
    transition: 1.5s;
  }
  
  .menuToggle.active::before {
    transform: rotate(315deg);
  }
  
  .menu {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 70px;
    z-index: -1;
    transition: transform 0.5s, width 0.5s, height 0.5s;
    transition-delay: 1s, 0.5s, 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  
  .menuToggle.active~.menu {
    width: 420px;
    height: 70px;
    z-index: 1;
    transform: translateY(-80px);
    transition-delay: 0s, 0.5s, 0.5s;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
  }
  
  .menu::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    left: calc(50% - 8px);
    bottom: 4px;
    transform: rotate(45deg);
    border-radius: 2px;
    transition: 0.5s;
  }
  
  .menuToggle.active~.menu::before {
    transition-delay: 0.5s;
    bottom: -6px;
  }
  
  .menu ul {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    gap: 30px;
  }
  
  .menu ul li {
    list-style: none;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    transition: 0.25s;
    transition-delay: calc(0s + var(--i));
  }
  
  .menuToggle.active~.menu ul li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition-delay: calc(0.75s + var(--i));
  }
  
  .menu ul li a {
    display: block;
    font-size: 2.2em;
  }
  
  
  .mob-header-ls-product-view-header{
    display: none;
  }
  
  
  .ls-icon-hide{
    display: none;
  }
  
  
  .cart_product_wrapper{
    margin-top: 10px;
    width: 100%;
    height: auto;
    border: 1px solid #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    column-gap: 10px;
    position: relative;
  }
  
  .cart_product-image{
    width: 60px;
    height: auto;
  }
  
  .cart_product_image_wrapper{
    border: 1px solid #E6E6E6;
    padding: 5px;
  }
  
  .cart_product_title{
    font-weight: 500;
  }
  .cart_product_price{
    margin-top: 5px;
    font-weight: bold;
    color: var(--color-dark);
  }
  .cart_product_quantity{
    margin-top: 5px;
    font-weight: 500;
  }
  
  .cart_product_delete_button{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: rgb(255, 0, 0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    bottom: 0;
    right: 0;
    margin-bottom: 15px;
    margin-right: 15px;
    cursor: pointer;
  }
  
  .cart_product_delete_button i{
    color: var(--color-dark);
  }
  
  .cart-footer-free-delivery{
    font-size: 14px;
    text-wrap: nowrap;
    padding: 5px;
    border: 1px solid #bebebe;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .footer-cart-price{
    color: var(--color-dark);
  }
  .footer-cart-free-delivery{
    color: green;
  }
  
  .cart_footer_subtotal_section{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px;
  }
  
  .cart_footer_subtotal{
    font-size: 16px;
    font-weight: bold;
  }
  .cart_footer_subtotal_price{
    font-size: 16px;
    font-weight: bold;
  }
  .item-cart{
    z-index: 999999999999;
  }
  
  
  .swiper-button-next,
  .swiper-button-prev {
    background-color: white;
    padding: 15px;
    border-radius: 100%;
    color: #797979 !important;
  }
  
  :root{
    --swiper-navigation-size: 100px;
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 0px;
    --swiper-navigation-color: var(--color-dark);
  }
  
  
  .ls-category-pagination-wrapper{
    padding: 25px 0px;
    border-top: 1px solid #e2e2e2;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .ls-category-pagination{
    list-style: none;
  }
  
  .ls-category-pagination li{
    float: left;
    margin-left: 10px;
    padding: 8px 15px;
    background-color: var(--color-screen);
    border-radius: 8px;
    color: var(--text-primary);
    font-weight: 500;
  }
  
  .active-ls-pagination{
    background-color: var(--color-dark) !important;
    color: #fff !important;
  }
  
  
  
  .ls-filter-menu-wrarpper{
    padding: 20px 10px;
    width: 100%;
    height: auto;
  }
  
  
  
  
  /* price selector :start */
  .ls-filter-wrapper {
    margin-bottom: 20px;
    width: 100%;
    background: #f3f3f3;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 20px ;
  }

  .ls-filter-wrapper header{
     padding: 0;
     background: none;
  }
  .ls-filter-wrapper header h2 {
    font-size: 16px;
    font-weight: 600;
  }
  .ls-filter-wrapper header p {
    margin-top: 5px;
    font-size: 12px;
  }
  .ls-filter-wrapper .price-input {
    width: 100%;
    display: flex;
   margin: 20px 0px;
  }
  .ls-filter-wrapper .price-input .field {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
  }
  .field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 14px;
    margin-left: 12px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
  }
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
  }
  .slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
  }
  .slider .progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: var(--color-dark);
  }
  .range-input {
    position: relative;
  }
  .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: var(--color-dark);
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }
  input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: var(--color-dark);
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }
  
  .ls-filter-wrapper .input-text{
    margin-top: 15px;
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 14px;
    border-radius: 8px;
    text-align: left;
    border: 1px solid #999;
    -moz-appearance: textfield;
    padding: 10px 15px;
  }
  
  .ls-input-checkbox{
    margin-top: 15px;
  
  }
  
  .ls-label{
    font-size: 14px;
  }
  
  .ls-filter-category-ul{
    margin-top: 20px;
    list-style: none;
    padding: 0px;
  }
  
  .ls-filter-category-ul li{
    margin-top: 10px;
  }
  
  .ls-filter-category-ul li:hover  a{
    text-decoration: underline;
  }
  
  .ls-filter-category-ul li a {
    font-size: 14px;
    
  }
  
  .ls-filter-requestbooks-wrapper {
  
      margin-bottom: 20px;
      width: 100%;
      background: #ffbebe;
      border: 1px solid var(--color-dark);
      border-radius: 10px;
      padding: 20px ;
  
  }
  .ls-filter-requestbooks a{
    width: 100%;
    background-color: var(--color-dark);
    padding: 8px 20px;
    border-radius: 16px;
    color: #ffff;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
  }
  .ls-filter-requestbooks h1{
    text-align: center; 
    font-size: 30px;
    font-family: 'EB Garamond', serif;
    padding: 0px 30px;
    font-weight: bold;
  }
  
  
  /* price selector :end */
  
  
  /* category_product_start */
  .ls-category-products{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 30px;
    row-gap: 70px;
  }
  
  .ls-feature-books-category-wrapper{
    margin: 30px 0px;
  }
  
  
  .ls-feature-books-category-wrapper .ls-featured-book img {
    width: 100%;
    height: 290px;
  }
  
  
  /* category_product_end */
  /* tab view */
      
  @media screen and (max-width: 1200px) {
  
  /* category_product_start */
  .ls-category-products{
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
    row-gap: 50px;
  }
  
  .ls-feature-books-category-wrapper .ls-featured-book img {
    width: 100%;
    height: auto;
  }
  
  }
  
      
  
  
  @media screen and (max-width: 900px) {
  
  
  /* category_product_start */
  .ls-category-products{
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 50px;
  }
  
  .ls-feature-books-category-wrapper .ls-featured-book img {
    width: 100%;
    height: auto;
  }
  
  
  
    .ls-product-content-title h1 {
      font-size: 26px;
    }
  
    .ls-product-content-title h2 {
      font-size: 14px;
    }
  
    .ls-product-content-price div h2 {
      font-size: 20px;
    }
  
    .ls-product-content-price div h3 {
      font-size: 15px;
    }
  
    .ls-product-content-price p {
      font-size: 12px;
    }
  
    .shimmer {
      min-height: 300px;
    }
  
    .product-image {
      width: 200px;
      cursor: zoom-in;
    }
  
    .ls-bread-crumbs-li a {
      font-size: 11px;
    }
  
    .ls-product-view-header h3 {
      font-size: 12px;
    }
  
    .ls-tab-button {
      font-size: 13px;
    }
  
    .ls-books-details-table th,
    td {
      padding: 15px 10px;
      font-size: 14px;
    }
  
    .ls-books-table-category a {
      font-size: 13px;
     
    }
  
    .ls-customer-review-image img {
     width: 40px;
     height: 40px;
    }
  
    .customer-review-title .ls-product-raiting-star{
      font-size: 15px;
    }
  
    .customer-review-title h3 {
      font-size: 15px;
    }
  
    .ls-customer-review-comment {
      padding-left: 60px;
    
    }
    
    .ls-customer-review-comment p {
      font-size: 12px;
    }
  
    .ls-tab iframe{
      width: 700px;
    }
  
    .ls-featured-books h1 {
      font-size: 26px;
    }
  
    .shimmer-v2 {
      min-height: 250px !important;
    }
  }
  
  
  /* mobile view */
  @media only screen and (max-width: 720px) {
  
    /* category_product_start */
  .ls-category-products{
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 50px;
  }
  
  .ls-feature-books-category-wrapper .ls-featured-book img {
    width: 100%;
    height: auto;
  }
  
    .ls-product-section {
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  
   
    .ls-tab-buttons::-webkit-scrollbar {
      display: none; /* Safari and Chrome */
    }
  
    .ls-tab-button {
      padding: 15px 10px;
      margin: 0px;
      
    }
  
    .ls-product-details-screen-child {
      padding: 20px 20px;
    
    }
  
    .ls-books-table-category a {
      line-height: 3;
    }
  
    .ls-tab iframe{
      width: 500px;
    }
  
  
    .mob-header-ls-product-view-header{
      width: 100%;
      display: flex !important;
    }
    .ls-product-view-header{
      display: none;
    }
  
    .navigation{
      display: none;
    }
  
  
    .ls-icon-hide{
      display: inline-block;
    }
  
  }
  
  
  @media only screen and (max-width: 550px) {
  
    .ls-sub-catagories li{
      margin-bottom: 10px;
    }
    .ls-sub-catagories a{
      font-size: 12px;
      margin: 0px !important;
  
    }
  
    .ls-category-product-right{
     width: 100%;
     justify-content: space-between;
    }
  
    .ls-category-product-header{
      flex-direction: column;
      align-items: flex-end;
      row-gap: 20px;
    }
  
    .ls-feature-books-wrapper{
      padding: 15px 10px;
  
    }
  
    /* category_product_start */
  .ls-category-products{
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 50px;
  }
  
  .ls-feature-books-category-wrapper .ls-featured-book img {
    width: 100%;
    height: auto;
  }
  
  
  /* category_product_end */
  
  .ls-category-pagination-wrapper{
   flex-direction: column;
   row-gap: 20px;
   align-items: flex-start;
   margin-bottom: 100px;
  }
  
  .ls-category-header{
    flex-direction: column-reverse;
    align-items: flex-start;
    row-gap: 10px;
  }
  
    .cart-footer-free-delivery{
      font-size: 11px;
    }
    .ls-bread-crumbs{
      display: none;
    }
    .ls-category-breadcrumbs{
     display: flex;
     column-gap: 15px;
     flex-wrap: wrap;
    }
    .ls-bread-crumbs li{
     margin: 0px;
    }
   
    
    .ls-product-screen{
      margin-top: -30px;
    }
  
    .ls-product-section{
      padding: 15px;
    }
  
    .ls-product-image-area {
      margin-top: 20px;
    }
  
    .ls-discount-badge{
      font-size: 14px;
    }
  
    .ls-product-content-title h1 {
      font-size: 22px;
    }
    .ls-product-content-title h2 {
      font-size: 14px;
    }
  
    .ls-product-title-child{
      margin-top: 0px;
      flex-wrap: wrap;
      row-gap: 10px;
    }
  
    .ls-product-content-price div{
      flex-wrap: wrap;
      row-gap: 10px;
    }
    .ls-product-content-price div .badge-sucess{
      width: 100%;
      text-align: center;
    }
  
    .ls-product-addtocart{
      flex-wrap: wrap;
      justify-content: center;
    }
    .ls-addtocard button{
      width: 100%;
    }
    .ls-addtocard {
      margin-top: 10px;
      width: 100%;
    }
  
    .qty-input{
      width: 100%;
      justify-content: space-between;
    }
  
    .ls-addtowishlist{
      margin-top: 10px;
    }
  
    .ls-product-social-share-child img{
      width: 35px !important;
      height: 35px !important;
    }
  
    .ls-books-table-category a {
      padding: 7px 10px;
      display: inline-block;
      line-height: normal;
      margin: 10px 0px;
    }
  
    .ls-customer-review-collection {
      padding: 0px 5px;
    }
    .ls-customer-review-comment {
      padding-left: 0px;
    
    }
  
    .ls-customer-review-header{
      flex-wrap: wrap;
    }
  
    .ls-tab iframe{
      width: 300px;
    }
  
    .shimmer-v2{
      min-height: 200px !important;
    }
  
  
    .ls-featured-books h1 {
      font-size: 22px;
    }
  
    .ls-botton-nav{
      display: flex !important;
    }
  
  
    
  }
  
  
  .ls-botton-nav{
  
    display: flex;
    justify-content: space-around;
    background-color: var(--color-dark);
    padding: 12px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
    display: none;
    margin-bottom: 0;
    height: auto;
    line-height: normal;
    left: 0;
  }
  
  .ls-botton-nav .nav-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: white;
    /* padding: 5px 16px; */
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0);
    flex-direction: column;
  }
  
  .ls-botton-nav .nav-item i{
    color: white;
    font-size: 18px;
  }
  
  .ls-botton-nav .nav-item span{
    font-size: 12px;
    color: white;
    font-size: bold;
    margin-top: 5px;
  }
  
  .ls-botton-nav .nav-item:focus{
    text-decoration: none;
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
    transition: .2s;
  }
  
  .ls-botton-nav .nav-item:focus span{
    width: 100%;
    margin-left: 8px;
    transition: .2s;
  }

  .footer_mobile_froze{
    display: none !important;
  }
  
  

  .category-menu {
    position: fixed;
    background: #f3f3f3;
    width: 350px;
    max-width: 90%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transform: translate(-500px, 0);
    transition: transform 250ms ease-in-out;
    z-index: 20;
 }
 

 body.open-category .category-menu {
    transform: translate(0, 0);
 }





.ls-filter #dropdown {
  border-radius: 8px;
  display: none;
  /* position: absolute; */
  width: 100%;
  border: 1px solid #ccc;
  max-height: 150px;
  overflow-y: auto;
  background-color: white;
}

.ls-filter #dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ls-filter #dropdown ul li {
  padding: 8px;
  cursor: pointer;
}

.ls-filter #dropdown ul li:hover {
  background-color: #f1f1f1;
}

.ls-filter #isbn-dropdown {
  border-radius: 8px;
  display: none;
  /* position: absolute; */
  width: 100%;
  border: 1px solid #ccc;
  max-height: 150px;
  overflow-y: auto;
  background-color: white;
}

.ls-filter #isbn-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ls-filter #isbn-dropdown ul li {
  padding: 8px;
  cursor: pointer;
}

.ls-filter #isbn-dropdown ul li:hover {
  background-color: #f1f1f1;
}

.button-apply{
  background-color: var(--color-screen);
    color: var(--color-primary);
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    width: 100%;
    font-weight: 500;
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
}

.button-apply:hover {
  background-color: var(--color-dark);
  color: var(--color-white);
}

.author-card-page{
  min-height: auto;
  background-color: var(--color-secondary);
  border-radius: 24px;
  padding: 20px 0px;
  margin-top: 30px;
}

.author-card-page .author-description-info{
  font-family: 'EB Garamond', serif !important;
    font-size: 30px !important;
    margin: 0px;
    color: var(--color-primary) !important ;
}

.author-card-page .page-title{
  font-size: 13px;
    letter-spacing: 0;
    line-height: 1.5;
    font-weight: 400;
    margin: 0px;
    margin-top: 20px;
}
.author-card-page .author-description-image{

  height: auto !important;
  padding: 5px;

}

.author-information{
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 550px) {
  .author-information{
   flex-direction: column;
  }
}