/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 21 2025 | 10:38:07 */
 body {
      font-family: Arial, sans-serif;
      background-color: #faf7f0;
      margin: 0;
      padding: 20px;
    }

    .grid-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px !important;
      max-width: 100%;
      margin: auto;
    }

    .book-card {
      background-color: #fff;
      border-radius: 15px;
      padding: 20px;
      text-align: center;
	  width: 340px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .book-card img {
      max-width: 100%;
      height: auto;
      border-radius: 5px;
    }

    .book-title {
      font-size: 20px;
      color: #4b0082;
      margin: 15px 0 10px;
      font-weight: bold;
    }

    .book-desc {
      font-size: 14px;
      color: #333;
      margin-bottom: 10px;
    }
   

    .book-links a {
      display: block;
      color: #0056d2;
      text-decoration: none;
    }

    .book-links a::after {
      content: " →";
      color: #0056d2;
    }

    .buy-button {
      margin-top: 15px;
      background-color: #fdb813;
      color: black;
      padding: 10px 20px;
      text-decoration: none;
      font-weight: bold;
      border-radius: 4px;
      display: inline-block;
    }

    .buy-button:hover {
      background-color: #e0a600;
    }
 .book-links br{
	display: none;
}
@media (max-width: 500px){
	.grid-container {
		 grid-template-columns: repeat(1, 1fr);
	}
	. .book-card{
		width: 250px;
	}
	
}