/* 
 * Win a Free Condo Block CSS
 * File: /dist/styles/blocks/block-win-condo.css
 * This file is automatically loaded when the win-condo block is used
 */



.ds-main {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}


.ds-main > *:first-child{
       margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 100px !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}







/* Win a Free Condo Block */
.win-condo-block {
    background-color: var(--chartreuse);
    padding: 80px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}

.win-condo-block.bg-default {
    background-color: var(--chartreuse);
}

.win-condo-block__container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.win-condo-block__heading {
    font-size: 10em;
    line-height: 0.85;
    color: var(--green);
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-family: var(--font-alt-2);
    padding-bottom: 0px;
    position: relative;
    z-index: 2;
}

.win-condo-block__media-wrapper {
    display: flex;
    justify-content: center;
}

.win-condo-block__image {
    max-width: 70%;
    height: auto;
}

/* Video Container with 3:2 Aspect Ratio */
.win-condo-block__video {
    max-width: 70%;
    width: 70%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    background-color: var(--chartreuse);
    border-radius: 8px;
    overflow: hidden;
}

/* Fallback for browsers that don't support aspect-ratio */
@supports not (aspect-ratio: 3 / 2) {
    .win-condo-block__video {
        height: calc(70vw * 2 / 3);
        max-height: calc(840px * 2 / 3); /* 70% of 1200px container * 2/3 */
    }
}

.win-condo-block__lottie {
    width: 100%;
    
    min-height: 400px; /* Set explicit height instead of auto */
    display: block;
}

.win-condo-block__description {
    margin-bottom: 0px;
}

.win-condo-block__description p {
    font-size: clamp(1.1rem, 3vw, 1.5rem);
    line-height: 1.4;
    margin: 0 0 10px 0;
    color: var(--green);
}

.win-condo-block__description .description-line-1 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.win-condo-block__description .description-line-2 {
    margin-bottom: 0;
    padding-bottom: 0px;
}

.win-condo-block__button-wrapper {
    margin-bottom: 30px;
}

.win-condo-block__button::after,
.win-condo-block__button::before {
    content: none !important;
    display: none !important;
}

.win-condo-block__button {
    background-color: var(--green);
    color: var(--chartreuse);
    border: none;
    padding: 18px 40px;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    min-width: 180px;
}

.win-condo-block__button:hover {
    background-color: #1e3a22;
    transform: scale(1.01);
    color: var(--chartreuse);
    text-decoration: none;
}

.win-condo-block__button:active {
    transform: scale(1);
}

.win-condo-block__disclaimer {
    font-size: 0.9rem;
    color: var(--green);
    margin: 0;
}

.win-condo-block__disclaimer p {
    font-size: 0.75rem !important;
    color: var(--green) !important;
    font-weight: normal !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
}

.win-condo-block__disclaimer p:last-child {
    margin-bottom: 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .win-condo-block {
        padding: 60px 20px;
        min-height: 70vh;
    }
    
    .win-condo-block__heading {
        margin-bottom: 30px;
        margin-top: 50px;
		font-size: 7em;
    }
    
    .win-condo-block__media-wrapper {
        margin-bottom: 0px;
    }
    
    .win-condo-block__image,
    .win-condo-block__lottie {

    }
    
    .win-condo-block__video {
        max-width: 85%;
        width: 85%;
    }
    
    /* Fallback for mobile */
    @supports not (aspect-ratio: 3 / 2) {
        .win-condo-block__video {
            height: calc(85vw * 2 / 3);
        }
    }
    
    .win-condo-block__description {
        margin-bottom: 30px;
    }
    
    .win-condo-block__description p {
        font-size: clamp(1rem, 4vw, 1.2rem);
    }
    
    .win-condo-block__button {
        padding: 16px 32px;
        font-size: 1rem;
        min-width: 160px;
    }
    
    .win-condo-block__disclaimer p {
        font-size: 0.8rem !important;
    }
}

@media (max-width: 480px) {
    .win-condo-block {
        
        padding: 40px 15px;
        min-height: 60vh;
    }
    
    .win-condo-block__image,
    .win-condo-block__lottie {

    }
    
    .win-condo-block__video {
        max-width: 95%;
        width: 95%;
    }
    
    /* Fallback for small mobile */
    @supports not (aspect-ratio: 3 / 2) {
        .win-condo-block__video {
            height: calc(95vw * 2 / 3);
        }
    }
    
    .win-condo-block__button {
        padding: 14px 28px;
        font-size: 0.95rem;
        min-width: 140px;
    }
}