/* 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;
}