/* Wine Club 5.0 Styles - Modern Design */

.__vos-club-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title),
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title) p,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title) span,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title) h1,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title) h2,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title) h3,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title) h4,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title) h5,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2:not(.__vos-club-wine-clubs-title) h6 {
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 40px !important;
    line-height: 48px !important;
    /* identical to box height, or 120% */
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-family: var(--vos-header-font) !important;
}

body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title p,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title span,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title h1,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title h2,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title h3,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title h4,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title h5,
body #vinesos-output .__vos-club-wine-clubs .__vos-club-container h2.__vos-club-wine-clubs-title h6 {
    text-align: center !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 40px !important;
    line-height: 48px !important;
    /* identical to box height, or 120% */
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--vos-header-font) !important;
}

/* Hero Section */
.__vos-club-hero {
    padding: 0px 0px 80px 0px;
}

.__vos-club-hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: center;
}

.__vos-club-hero-text {
    padding-right: 20px;
}


/* Force all text elements in exclusive membership to inherit styles */
.__vos-club-exclusive-membership,
.__vos-club-exclusive-membership p,
.__vos-club-exclusive-membership span,
.__vos-club-exclusive-membership h1,
.__vos-club-exclusive-membership h2,
.__vos-club-exclusive-membership h3,
.__vos-club-exclusive-membership h4,
.__vos-club-exclusive-membership h5,
.__vos-club-exclusive-membership h6 {
    /* Exclusive Membership */

    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* identical to box height, or 150% */
    letter-spacing: -0.01em !important;
    text-transform: uppercase !important;
}


/* Force all text elements in hero title to inherit styles */
body #vinesos-output .__vos-club-hero-text h1,
body #vinesos-output .__vos-club-hero-text h1 p,
body #vinesos-output .__vos-club-hero-text h1 span,
body #vinesos-output .__vos-club-hero-text h1 h1,
body #vinesos-output .__vos-club-hero-text h1 h2,
body #vinesos-output .__vos-club-hero-text h1 h3,
body #vinesos-output .__vos-club-hero-text h1 h4,
body #vinesos-output .__vos-club-hero-text h1 h5,
body #vinesos-output .__vos-club-hero-text h1 h6 {
    margin-bottom: 25px !important;
    /* Join the Wine Club */
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 40px !important;
    font-family: var(--vos-header-font) !important;
    letter-spacing: -0.02em !important;
}

.__vos-club-hero-text p {
    /* Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. */
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;

}

.__vos-club-hero-description {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

/* Force all text elements in hero description to inherit styles */
.__vos-club-hero-description,
.__vos-club-hero-description p,
.__vos-club-hero-description span,
.__vos-club-hero-description h1,
.__vos-club-hero-description h2,
.__vos-club-hero-description h3,
.__vos-club-hero-description h4,
.__vos-club-hero-description h5,
.__vos-club-hero-description h6 {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

.__vos-club-join-now-btn {    
    cursor: pointer !important;    
    display: inline-block !important;
    border-radius: 4px !important;
    padding: 8px 24px !important;
    font-weight: 500 !important;
    text-decoration: none !important;    
    line-height: 24px !important;
}

.__vos-club-join-now-btn *{
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.__vos-club-hero-image {
    position: relative;
}

.__vos-club-hero-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 4px;
}

.__vos-club-placeholder-image {
    border-radius: 4px;
    padding: 3rem;
    text-align: center;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.__vos-club-placeholder-text {
    font-size: 1.1rem;
}

/* Membership Benefits Section */
.__vos-club-benefits {    
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 100px 0;
    text-align: center;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.__vos-club-benefits::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
}

.__vos-club-benefits-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.__vos-club-benefits h2 {
    font-size: 2.8rem;
    margin-bottom: 60px;
    font-weight: 400;
}

/* Force all text elements in benefits title to inherit styles */
.__vos-club-benefits h2,
.__vos-club-benefits h2 p,
.__vos-club-benefits h2 span,
.__vos-club-benefits h2 h1,
.__vos-club-benefits h2 h2,
.__vos-club-benefits h2 h3,
.__vos-club-benefits h2 h4,
.__vos-club-benefits h2 h5,
.__vos-club-benefits h2 h6 {
    font-size: 2.8rem !important;
    margin-bottom: 60px !important;
    font-weight: 400 !important;
    color: inherit !important;
    line-height: inherit !important;
}

.__vos-club-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.__vos-club-benefit-card {
    padding: 40px 25px;
    border-radius: 4px;
    text-align: center;
    /* Frame 427320400 */

    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 32px 48px;

    background: #FFFFFF;
    border: 1px solid rgba(95, 14, 23, 0.15);
    border-radius: 10px;

}

.__vos-club-benefit-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 25px;    
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

/* Force all text elements in benefit icon to inherit styles */
.__vos-club-benefit-icon,
.__vos-club-benefit-icon p,
.__vos-club-benefit-icon span,
.__vos-club-benefit-icon h1,
.__vos-club-benefit-icon h2,
.__vos-club-benefit-icon h3,
.__vos-club-benefit-icon h4,
.__vos-club-benefit-icon h5,
.__vos-club-benefit-icon h6 {
    font-size: 1.2rem !important;
    color: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

.__vos-club-benefit-card h3 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Force all text elements in benefit title to inherit styles */
.__vos-club-benefit-card h3,
.__vos-club-benefit-card h3 p,
.__vos-club-benefit-card h3 span,
.__vos-club-benefit-card h3 h1,
.__vos-club-benefit-card h3 h2,
.__vos-club-benefit-card h3 h3,
.__vos-club-benefit-card h3 h4,
.__vos-club-benefit-card h3 h5,
.__vos-club-benefit-card h3 h6 {
    font-size: 1.2rem !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
    color: inherit !important;
    line-height: inherit !important;
}

.__vos-club-benefit-card p {
    line-height: 1.6;
    font-size: 0.95rem;
}

/* Force all text elements in benefit description to inherit styles */
.__vos-club-benefit-card p,
.__vos-club-benefit-card p span,
.__vos-club-benefit-card p h1,
.__vos-club-benefit-card p h2,
.__vos-club-benefit-card p h3,
.__vos-club-benefit-card p h4,
.__vos-club-benefit-card p h5,
.__vos-club-benefit-card p h6 {
    line-height: 1.6 !important;
    font-size: 0.95rem !important;
    color: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
}

/* Wine Clubs Section */
.__vos-club-wine-clubs {
    padding: 80px 0;
    background: white;
}

.__vos-club-wine-clubs h2 {
    text-align: center;
    font-size: 2.8rem;
    margin-bottom: 80px;
    font-weight: 400;
}

/* Force all text elements in wine clubs title to inherit styles */
.__vos-club-wine-clubs h2,
.__vos-club-wine-clubs h2 p,
.__vos-club-wine-clubs h2 span,
.__vos-club-wine-clubs h2 h1,
.__vos-club-wine-clubs h2 h2,
.__vos-club-wine-clubs h2 h3,
.__vos-club-wine-clubs h2 h4,
.__vos-club-wine-clubs h2 h5,
.__vos-club-wine-clubs h2 h6 {
    text-align: center !important;
    font-size: 2.8rem !important;
    margin-bottom: 80px !important;
    font-weight: 400 !important;
    color: inherit !important;
    line-height: inherit !important;
}

.__vos-club-club {
    margin-bottom: 80px;
}

.__vos-club-club-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.__vos-club-club-content.__vos-club-reverse {
    direction: rtl;
}

.__vos-club-club-content.__vos-club-reverse > * {
    direction: ltr;
}

.__vos-club-club-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Force all text elements in club title to inherit styles */
.__vos-club-club-text h3,
.__vos-club-club-text h3 p,
.__vos-club-club-text h3 span,
.__vos-club-club-text h3 h1,
.__vos-club-club-text h3 h2,
.__vos-club-club-text h3 h3,
.__vos-club-club-text h3 h4,
.__vos-club-club-text h3 h5,
.__vos-club-club-text h3 h6 {
    font-size: 1.8rem !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    color: inherit !important;
    line-height: inherit !important;
}

.__vos-club-club-text p {
    margin-bottom: 20px;
    line-height: 1.7;
}

.__vos-club-club-description {
    margin-bottom: 20px;
    line-height: 1.7;
}

/* Force all text elements in club description to inherit styles */
.__vos-club-club-description,
.__vos-club-club-description p,
.__vos-club-club-description span,
.__vos-club-club-description h1,
.__vos-club-club-description h2,
.__vos-club-club-description h3,
.__vos-club-club-description h4,
.__vos-club-club-description h5,
.__vos-club-club-description h6 {
    margin-bottom: 20px !important;
    line-height: 1.7 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.__vos-club-club-benefits {
    list-style: none;
    margin-bottom: 30px;
}

.__vos-club-club-benefits li {
    padding: 5px 0;
    position: relative;
    padding-left: 20px;
    font-size: 0.95rem;
}

/* Force all text elements in club benefits to inherit styles */
.__vos-club-club-benefits li,
.__vos-club-club-benefits li p,
.__vos-club-club-benefits li span,
.__vos-club-club-benefits li h1,
.__vos-club-club-benefits li h2,
.__vos-club-club-benefits li h3,
.__vos-club-club-benefits li h4,
.__vos-club-club-benefits li h5,
.__vos-club-club-benefits li h6 {
    padding: 5px 0 !important;
    position: relative !important;
    padding-left: 20px !important;
    font-size: 0.95rem !important;
    color: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
}

.__vos-club-club-benefits li::before {
    content: "✓" !important;
    position: absolute;
    left: 0;
    font-size: 1.2rem;    
    font-weight: bold;
}

.__vos-club-bottle-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.__vos-club-bottle-btn {
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.__vos-club-club-image img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 4px;
}

/* WTF Club Special Background */
.__vos-club-wtf-club {
    padding: 60px 0;
    margin: 80px 0;
}



/* Bottom Section */
.__vos-club-bottom-section {
    padding: 0;
}

.__vos-club-bottom-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 400px;
}

.__vos-club-bottom-card {
    position: relative;
    overflow: hidden;
    padding: 0px 20px;
}

.__vos-club-bottom-image {
    width: 100%;    
}

.__vos-club-bottom-image img {
    width: 100%;
    max-width: 100%;    
    object-fit: cover;
}

.__vos-club-bottom-card .__vos-club-bottom-overlay h3,
.__vos-club-bottom-card .__vos-club-bottom-overlay h3 p,
.__vos-club-bottom-card .__vos-club-bottom-overlay h3 span,
.__vos-club-bottom-card .__vos-club-bottom-overlay h3 h1,
.__vos-club-bottom-card .__vos-club-bottom-overlay h3 h2,
.__vos-club-bottom-card .__vos-club-bottom-overlay h3 h3,
.__vos-club-bottom-card .__vos-club-bottom-overlay h3 h4,
.__vos-club-bottom-card .__vos-club-bottom-overlay h3 h5,
.__vos-club-bottom-card .__vos-club-bottom-overlay h3 h6 {
    /* Send Joy Monthly - Wine Club */
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    letter-spacing: -0.01em !important;
}




.__vos-club-bottom-btn {    
    padding: 12px 25px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9rem;
}

/* Additional Content Sections */
.__vos-club-additional-content,
.__vos-club-bottom-content-section,
.__vos-club-bottom-blocks {
    padding: 60px 0;
}

.__vos-club-content-block {    
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.__vos-club-block-header {
    font-size: 1.5rem;
    font-weight: 600;    
    margin-bottom: 1rem;
}

/* Force all text elements in block header to inherit styles */
.__vos-club-block-header,
.__vos-club-block-header p,
.__vos-club-block-header span,
.__vos-club-block-header h1,
.__vos-club-block-header h2,
.__vos-club-block-header h3,
.__vos-club-block-header h4,
.__vos-club-block-header h5,
.__vos-club-block-header h6 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;    
    margin-bottom: 1rem !important;
    color: inherit !important;
    line-height: inherit !important;
}

.__vos-club-block-content {
    line-height: 1.6;
}

/* Force all text elements in block content to inherit styles */
.__vos-club-block-content,
.__vos-club-block-content p,
.__vos-club-block-content span,
.__vos-club-block-content h1,
.__vos-club-block-content h2,
.__vos-club-block-content h3,
.__vos-club-block-content h4,
.__vos-club-block-content h5,
.__vos-club-block-content h6 {
    line-height: 1.6 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
}


/* Responsive Design */
@media (max-width: 768px) {
    .__vos-club-hero-content,
    .__vos-club-club-content,
    .__vos-club-bottom-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .__vos-club-club-content.__vos-club-reverse {
        direction: ltr;
    }

    .__vos-club-hero-text h1 {
        font-size: 2.5rem;
    }

    .__vos-club-benefits h2,
    .__vos-club-wine-clubs h2 {
        font-size: 2.2rem;
    }

    .__vos-club-benefits-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .__vos-club-hero-text {
        padding-right: 0;
    }

    .__vos-club-bottle-buttons {
        justify-content: center;
    }

    .__vos-club-bottom-content {
        height: auto;
    }

    .__vos-club-bottom-card {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .__vos-club-container {
        padding: 0 15px;
    }

    .__vos-club-hero,
    .__vos-club-benefits,
    .__vos-club-wine-clubs {
        padding: 60px 0;
    }

    .__vos-club-hero-content {
        gap: 30px;
    }

    .__vos-club-club {
        margin-bottom: 60px;
    }

    .__vos-club-bottle-buttons {
        flex-direction: column;
        align-items: center;
    }

    .__vos-club-bottle-btn {
        width: 150px;
        text-align: center;
    }
}

.__vos-club-edit-link img{
    width: unset !important;
    height: unset !important;
}