#site-header .header-navigation-wrapper, #site-header .mobile-nav-toggle {
	display: none;
}
/* Make each product take full width */
.woocommerce ul.products li.product {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 30px; /* Space between rows */
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Optional shadow for styling */
}

/* Make the product image larger and centered */
.woocommerce ul.products li.product img {
    width: 80%; /* Adjust as needed for larger image */
    max-width: 300px; /* Set a max-width if needed */
    margin: 0 auto 20px;
    display: block;
}

/* Container for product description */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.2em;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f5f5f5; /* Light background color */
    width: 80%; /* Adjust width as needed */
    border-radius: 5px;
    margin: 0 auto; /* Centers the description container */
}

/* Container for price */
.woocommerce ul.products li.product .price {
    font-size: 1.4em;
    font-weight: bold;
    color: white;
    padding: 10px;
    background-color: #C71585; /* Light background color for price */
    width: 60%; /* Adjust width as needed */
    border-radius: 5px;
    margin: 0 auto 10px; /* Centers the price container and adds spacing below */
}

/* Style for "Buy Now" button */
.woocommerce ul.products li.product .button {
    font-size: 1em;
    padding: 10px 20px;
    background-color: #0071a1; /* Button color */
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #005880; /* Darker color on hover */
}

/* Change menu background color */
.site-header .main-navigation,
.site-header .main-navigation ul {
    background-color: #C71585; /* Magenta color for the menu */
}

/* Adjust menu link colors */
.site-header .main-navigation ul li a {
    color: #ffffff; /* White text for readability */
    padding: 10px 15px;
}

/* Hover effect for menu links */
.site-header .main-navigation ul li a:hover {
    color: #FFD700; /* Optional: gold color on hover */
    text-decoration: underline;
}

/* Active menu item color */
.site-header .main-navigation ul li.current-menu-item a {
    color: #FFD700; /* Optional: gold color for active menu item */
    font-weight: bold;
}

/* Change menu button (hamburger icon) color */
.site-header .menu-toggle {
    background-color: #C71585; /* Magenta background for the menu button */
    color: #ffffff; /* White icon color for readability */
    padding: 10px;
    border-radius: 5px; /* Optional: rounded corners */
    border: none;
}

/* Hover effect for menu button */
.site-header .menu-toggle:hover {
    background-color: #B21276; /* Slightly darker shade on hover */
}