Delicious, Chef-Prepared Meals Delivered To Your Door

/* Ensure all product cards have the same height and padding */ .single-product-carousel-item { text-align: center; /* Center-align the content */ padding: 0 0 24px 0; /* Set bottom padding to 24px */ background-color: white; /* Set the background color to white */ border-radius: 16px; /* Add a border radius of 16px */ box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); /* Add box shadow for card effect */ margin: 10px; /* Add margin between cards */ display: flex; flex-direction: column; justify-content: space-between; /* Distribute content evenly */ overflow: hidden; /* Prevent overflow for longer content */ }/* Style the product image to fit inside the card without padding */ .single-product-carousel-item img { height: 220px; /* Set the image height */ width: 100%; /* Make the image stretch the full width of the card */ object-fit: cover; /* Ensures the image fits within the card without distortion */ border-radius: 16px 16px 0 0; /* Round the top corners of the image */ margin-bottom: 0; /* Remove margin below the image */ }/* Style the product title, truncate to prevent second line, and center it */ .single-product-carousel-item .woocommerce-loop-product__title { font-family: 'Figtree', sans-serif; /* Use the Figtree font */ font-size: 24px; /* Set the title font size to 24px */ padding-left: 24px; padding-right: 24px; font-weight: 700; /* Set font weight to 700 */ color: black !important; /* Set the title color to black */ text-align: center; /* Center the title */ white-space: nowrap; /* Prevent the title from wrapping to a second line */ overflow: hidden; /* Hide any overflow */ text-overflow: ellipsis; /* Add ellipsis (...) for overflow */ margin: 10px 0; /* Add margin around the title */ max-width: 100%; /* Ensure the title doesn't overflow its container */ }/* Style the product price and place it below the title */ .single-product-carousel-item .price { font-family: 'Figtree', sans-serif; /* Use the same Figtree font as the title */ font-size: 24px; /* Set font size to 24px to match title */ font-weight: 700; /* Match font weight with the title */ color: #943A95; /* Set the price color to #943A95 */ text-align: center; /* Center the price */ margin: 5px 0; /* Add space between title and price */ }/* Remove the "Add to Cart" button */ .single-product-carousel-item .add_to_cart_button { display: none !important; }/* Style the custom previous and next arrows */ .slick-prev.custom-prev-arrow, .slick-next.custom-next-arrow { background-color: transparent; border: none; font-size: 30px; /* Set arrow size to 30px */ color: black !important; /* Set arrow color to black */ cursor: pointer; z-index: 1000; opacity: 1 !important; /* Ensure arrows are always visible */ visibility: visible !important; transition: color 0.3s ease; }/* Ensure proper positioning of arrows */ .slick-prev.custom-prev-arrow { left: -64px; /* Position the arrow outside the carousel to the left */ }.slick-next.custom-next-arrow { right: -64px; /* Position the arrow outside the carousel to the right */ }/* Keep the arrows visible and prevent them from disappearing */ .slick-prev.custom-prev-arrow:active, .slick-next.custom-next-arrow:active { opacity: 1 !important; visibility: visible !important; }/* Hover state for the arrows */ .slick-prev.custom-prev-arrow:hover, .slick-next.custom-next-arrow:hover { color: #333 !important; /* Darken the arrow color on hover */ }/* Ensure Slick carousel arrows are always visible */ .slick-prev.custom-prev-arrow, .slick-next.custom-next-arrow { opacity: 1 !important; visibility: visible !important; position: absolute; top: 50%; /* Vertically center the arrows */ transform: translateY(-50%); }/* Remove bullet points (list-style) from product list items */ ul.products li.product { list-style-type: none; /* Remove default bullet points */ list-style: none; /* Ensure no bullet points */ margin: 0; /* Reset margin */ padding: 0; /* Reset padding */ }/* Ensure no bullet points appear on any list elements */ li { list-style: none !important; /* Force no bullet points for all list items */ }/* Disable pointer events for the product links */ .single-product-carousel-item a { pointer-events: none; /* Disable all click actions on product links */ }/* Ensure cursor doesn't change to pointer on hover */ .single-product-carousel-item { cursor: default !important; /* Set cursor to default to indicate it's not clickable */ }/* Style for the chips container to center align */ .week-selection-chips { display: flex; justify-content: center; /* Center align the chips */ gap: 24px; /* Add 24px space between chips */ flex-wrap: wrap; /* Allow chips to wrap to the next line if necessary */ margin-bottom: 20px; /* Optional margin for spacing between chips and content */ }/* Style for each chip (not selected) */ .week-chip { padding: 10px 20px; /* Top/Bottom: 10px, Left/Right: 20px */ background-color: white; /* Default chip background is white */ border-radius: 40px; /* Set the border radius to 40px */ font-size: 16px; /* Set date font size to 16px */ font-family: 'Figtree', sans-serif; /* Font styling */ cursor: pointer; /* Add pointer cursor to show it's clickable */ border: 2px solid #BA49BB; /* Border color is #BA49BB */ color: #BA49BB; /* Font color is #BA49BB */ transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover/active states */ }/* Style for the selected chip */ .week-chip.selected { background-color: #BA49BB; /* Set the background color for the selected chip */ color: white; /* Change text color for selected chip */ border: none; /* Remove the border for the selected chip */ }/* Hover effect for the chips (not selected) */ .week-chip:hover { background-color: #BA49BB; /* Optional hover effect */ }.slick-next:before { content: '→'; color: #5BC94A; }.slick-prev:before { content: '←'; color: #5BC94A;}