.release-page h1.wp-block-heading,
.release-page h2.wp-block-heading,
.release-page h3.wp-block-heading,
.release-page h4.wp-block-heading  {
 margin-left: 3rem;
}

.release-page .wp-block-image{
	margin-bottom: 3rem;
    text-align: center;
}
.release-page .wp-block-image figure a img{
width: 100%;
}

.woocommerce-shop .woocommerce .products .row {
    justify-content: center;
}

.release-page .woocommerce  {
    padding: 3rem 4rem;
}
.release-page .woocommerce .products .type-product .product {
    width: 100% !important;
}
.release-page .woocommerce .products.columns-1  .type-product {
    width: 80%;
}
.release-page .woocommerce .products.columns-2  .type-product {
    width: 50%;
}

.release-page .woocommerce .products.columns-3  .type-product {
    width: 30%;
}

.release-page .woocommerce .products.columns-4  .type-product {
    width: 25%;
}

.woocommerce-shop .woocommerce .products .row .product .product-info img {
	width: 100%;
    max-height: initial !important;
}
.release-page .product-info-mobile.visible-xs.visible-sm{
	display: block !important;
    font-family: 'octin-stencil', sans-serif;
    font-weight: 700;
    font-size: 1.5em !important;
    color: #101010;
}
.release-page div.product-title h3{
	font-family: 'octin-stencil', sans-serif;
    font-weight: 600;
    font-size: 2.2em !important;
}

.release-page .gs-klaviyo-button{
	margin-bottom: 3rem;
}
/* 1. Ensure the grid columns stretch to equal height */
.release-page .products .row {
    display: flex;
    flex-wrap: wrap;
}

.release-page .products .row > div {
    display: flex; /* Makes the col-lg-3 stretch */
    flex-direction: column;
}

/* 2. Targeted fix for the double .product structure */
/* We target the .product that is a direct child of the column */
.release-page .products .row > div > .product {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

/* 3. Handling the nested .product inside the <a> tag */
/* This ensures the inner product fills the outer product */
.release-page .product a .product {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
}

/* 4. Aligning the internal content */
.release-page .product-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Pushes everything below it down */
}

/* 5. Standardizing Image and Title heights */
.release-page .product img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* This creates a uniform space for titles so they align */
.release-page .product-title-inner {
    min-height: 80px; /* Adjust based on your longest title */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 6. Pushing the Button to the absolute bottom */
.release-page .product .gs-more-info {
    margin-top: auto !important; /* Forces button to the bottom of the card */
    margin-bottom: 15px;
    align-self: center; /* Centers button horizontally */
    width: 90%; /* Optional: standardizes button width */
}

.release-page p:not(.footer-gray) {
    line-height: 150%;
    font-size: 2.4rem;
    margin: 2.5rem 3rem;
}

.de-countdown-block {
    padding: 4rem 1rem;
    text-align: center;
}

.de-countdown-title {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 2rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


.de-countdown-subtitle {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-weight: 400;
    opacity: 0.8;
}

.de-countdown-timer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.de-countdown-unit {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 0.5rem;
    position: relative;
}

.de-countdown-number {
    font-size: 8rem;
    font-weight: 700;
    line-height: 1;
    display: block;
    padding-right: 1rem;
}

.de-countdown-timer .de-countdown-unit:not(:last-child)::after {
    content: ':';
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: -0.75rem;
    bottom: 1.5rem;
}

.de-countdown-label {
    margin-top: 1rem;
    font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 400;
    order: 2;
}

.de-countdown-expired {
    text-align: center;
    font-size: 1.5rem;
    padding: 2rem;
}

.release-page .onsale.soldout{
	display:none;
}

.uagb-faq-item
{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    padding-bottom: 1rem;
}
.uagb-faq-questions-button{
	padding: 2rem 1rem !important;
}
.uagb-question{
	font-size: 2rem;
    font-weight:700;
}
.uagb-faq-content {
	padding: 0rem 3rem 1.5rem 3rem !important;
}
.uagb-faq-content p{
	font-size: 1.7rem !important;
}

/* Responsive */
@media (max-width: 768px) {
.release-page .masthead-secondary{
	width: calc(100% + 6px);
    margin-left: -3px;
    margin-right: -3px;
}
	.release-page h1.wp-block-heading, .release-page h2.wp-block-heading, .release-page h3.wp-block-heading, .release-page h4.wp-block-heading{
    	margin-left:1rem;
        margin-right:1rem;
        text-align: center;
    }
     .release-page h2.wp-block-heading{
     	font-size: 1.5em;
     }
	.release-page p:not(.footer-gray) {
        line-height: 150%;
        font-size: 1.6rem;
        margin: 2.5rem 2rem;
	}

    .release-page .woocommerce-shop .products .row .type-product {
        width: 100%;
    }
        .release-page .woocommerce-shop .products .row .type-product:not(:last-child) {
		margin-bottom: 3rem;
    }
    div.products h3{
    padding: .5em 0;
    margin: 0;
    font-size: 1.1em !important;
        color: #101010;
    font-family: 'octin-stencil', sans-serif;
    font-weight: 600;
    }

    .de-countdown-block {
        padding: 0rem 1rem 2rem 1rem;
    }

    .de-countdown-timer {
        gap: 0.75rem;
    }

    .de-countdown-number {
        font-size: 3.5rem;
    }

    .de-countdown-timer .de-countdown-unit:not(:last-child)::after {
        font-size: 1rem;
        right: 0rem;
    }

    .de-countdown-label {
        font-size: 1rem;
    }

    .de-countdown-title {
        font-size: 2rem;
    }

    .uagb-question{
        font-size: 1.8rem;
        font-weight:700;
    }
   
    .uagb-faq-content p{
        font-size: 1.6rem !important;
    }
}