/* Blue-Green Theme for 'Gifts for Him' Page */
/* Apply background color to the body */
.for-him-page {
    background-color: #E0F7FA; /* Light blue background */
}

.for-him-page .product-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center the products horizontally */
    gap: 5px; /* Space between the products */
    margin: 5px 0;
}

.for-him-page .product {
    background-color: #FFFFFF; /* White background for product boxes */
    border: 1px solid #B2DFDB; /* Light teal border */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Slight shadow for products */
    padding: 15px;
    width: calc(33.333% - 20px); /* 3 products per row */
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.for-him-page .product img {
    border-radius: 8px;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.for-him-page .product h3 {
    color: #00796B; /* Teal for product titles */
    font-size: 1.25rem;
    margin: 10px 0;
}

.for-him-page .product p {
    color: #004D40; /* Darker teal for product descriptions */
    margin-bottom: 15px;
}

.for-him-page .product a.btn {
    background-color: #00796B; /* Teal button */
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
}

.for-him-page .product a.btn:hover {
    background-color: #004D40; /* Darker teal on hover */
}

/* Styling the footer specifically for the blue-green theme */
.for-him-page footer {
    background-color: #004D40; /* Dark teal footer */
    color: #FFFFFF;
}

.for-him-page footer a {
    color: #B2DFDB; /* Light teal links */
}

.for-him-page footer a:hover {
    color: #FFFFFF; /* White on hover */
}