#fw-section-custom-html-403c48e5-4079-4f47-afe1-5a229d6e46eb {

.product-wrapper {
    display: flex;
    justify-content: center; /* Centers both products */
    gap: 40px; /* Even spacing between products */
    flex-wrap: wrap; /* Ensures responsiveness */
}

/* Ensures both products align properly */
.product-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 20px;
    position: relative;
    width: 400px; /* Ensures even sizing */
}

/* First Product: Keep original shift */
.product-image {
    width: 400px;
    height: auto;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
    position: relative;
    left: -60px; /* Moves the first product image 60px left */
}

.product-image:hover {
    transform: scale(1.05);
}

/* Second Product: Center it properly & make it match in size */
.second-product-image {
    width: 236px; /* Slightly smaller to match proportions */
    left: 0; /* Resets any unwanted shifting */
    position: relative; /* Ensures alignment */
}

.product-details {
    max-width: 350px;
}

/* Styling for Title, Price, and Description Links */
.product-title-link, .product-price-link, .product-description-link {
    text-decoration: none;
    display: inline-block;
    transition: color 0.3s ease;
}

/* Default Text Colors */
.product-title {
    font-size: 1.5em;
    margin: 10px 0;
    color: #ffffff;
}

.product-price {
    font-size: 1.2em;
    color: #555;
    margin: 5px 0;
}

.product-description {
    font-size: 1em;
    color: #fff;
    margin: 10px 0;
    transition: color 0.3s ease;
}

/* Hover Effects - Turns Blue */
.product-title-link:hover, 
.product-price-link:hover, 
.product-description-link:hover .product-description {
    color: #27c4e2;
}

/* Buy Now Button Styling */
.purchase-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.purchase-button:hover {
    background-color: #444;
}

}







#fw-section-announcement-bar-4e65f3f5-8679-41ac-aae9-da8ba9ca06f2 {
--color-primary: #e2272a;
--color-primary-rgb: 226, 39, 42;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}