/* Custom styles for the website */
body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom styles for product cards */
.product-card-custom {
    /* Example: Add a subtle inset shadow */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
    /* Example: Slightly increase padding */
    padding: 1.75rem; /* Equivalent to Tailwind's p-7 if it existed, or just a custom value */
    /* Example: Smooth transition for box-shadow on hover */
    transition: box-shadow 0.3s ease-in-out;
}

.product-card-custom:hover {
    /* Example: Change box-shadow on hover */
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
}

.product-card-custom .product-thumbnail {
    /* Ensure image fills the card, removing extra space if any */
    margin-bottom: 1rem; /* Adjust space between image and button */
}
#hero-banner-slider {
    height: auto;
}
.hero-banner-slide img {
    width: 100%;
    height: auto;
    display: block;
}
.line-clamp-3{
  display:-webkit-box;
  -webkit-line-clamp:3;
  line-clamp: 3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.clamp-toggle:checked + p{
  -webkit-line-clamp:unset;
  overflow:visible;
  line-clamp: 3;
  display:block;
}
.read-more{
  color:#4f46e5;
  cursor:pointer;
  font-weight:500;
}