body { font-family: ‘Inter’, sans-serif; } .product-image-container { background-size: cover; background-position: center; background-color: #e0e0e0; /* Placeholder background */ display: flex; align-items: center; justify-content: center; min-height: 200px; /* Ensure container has height */ } .btn-custom-gradient { background-image: linear-gradient(to right, #8A2BE2, #4B0082); } .btn-custom-gradient:hover { background-image: linear-gradient(to right, #7A1FB8, #3A006A); } /* Simple spinner for loading state */ .loader { border: 4px solid #f3f3f3; /* Light grey */ border-top: 4px solid #8A2BE2; /* Purple */ border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }