body { 
		background: linear-gradient(to left, #EBA5C6, #f8d7e2); /* From dark pink to light whitish pink */
		margin: 0;
		padding: 0;
        font-family: 'Patrick Hand', cursive, Arial, sans-serif; 
        text-align: center; 
        /* margin-top: 50px; */
    }
	
    .product-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center; /* Center align products */
    }

    .product-item {
        text-align: center;
        font-family: 'Patrick Hand', cursive;
        width: 120px; /* Ensures proper spacing */
    }

    .product-item img {
        display: block;
        margin: 0 auto;
        width: 100px; /* Increased size */
        height: 100px; /* Increased size */
        object-fit: cover; /* Ensures the image covers the area */
        border-radius: 10px;
    }

    .product-details {
        font-size: 18px; /* Increased font size */
        color: #333;
        margin-top: 5px;
    }

    h1 {
        font-size: 20px; /* Larger heading */
        text-align: center;
        font-weight: bold;
    }

    h2 {
        font-size: 16px; /* Larger subheading */
        text-align: center;
        color: #555;
    }

    p {
        font-size: 16px; /* Larger paragraph text */
        text-align: center;
    }

    strong {
        font-size: 20px; /* Increase product name font size */
		text-decoration: none;
    }
	
	a {
    text-decoration: none;
    color: inherit; /* Keeps the text color unchanged */
	}
	
	/* Ensuring a maximum of three images per row */
    .product-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3 columns max */
        gap: 20px;
        justify-content: center;
        max-width: 500px; /* Restrict width */
        margin: auto;
    }



    /* Rainbow Jelly */
.rainbow-jelly {
    background: linear-gradient(
        to right,
        red,
        orange,
        yellow,
        green,
        blue,
        indigo,
        violet,
        red
    );
    padding: 15px;
    border-radius: 50% / 20%;
    animation: glowRainbow 5s linear infinite;
    transform: perspective(800px) rotateY(-15deg);
    box-shadow: inset -5px 0 15px rgba(0, 0, 0, 0.3), 0 0 20px rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease;
}

.rainbow-jelly:hover {
    transform: perspective(800px) rotateY(15deg) scale(1.05);
}

@keyframes glowRainbow {
    0% { box-shadow: 0 0 10px red; }
    25% { box-shadow: 0 0 10px yellow; }
    50% { box-shadow: 0 0 10px lime; }
    75% { box-shadow: 0 0 10px aqua; }
    100% { box-shadow: 0 0 10px magenta; }
}

.rainbow-jelly img {
    border-radius: 10px;
    transition: transform 0.25s ease;
}

.rainbow-jelly img:hover {
    transform: scale(1.1) rotate(2deg);
}
.product-main-image {
    width: 150px;
    height: auto;
    object-fit: contain; /* Keeps aspect ratio nicely */
}
