/* Ensure Shopify product containers align properly */
.shopify-product {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
height: 400px !important; /* Set the desired height */
}
/* Set a minimum height for product titles */
.shopify-product .product-title {
min-height: 40px !important; /* Ensure all titles are at least 40px tall */
font-size: 18px !important; /* Adjust size as needed */
overflow: hidden !important; /* Hide overflow text if needed */
}
/* Align the Buy button at the bottom */
.shopify-product .buy-button {
margin-top: auto !important; /* Push the button to the bottom of the container */
}
/* Optional: Add ellipsis to long titles */
.shopify-product .product-title {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
