/* ============================================
   SFEISHOW B2B Page Visual Enhancement v3
   Target: page-id-11233 (wholesale-b2b-v2)
   Self-contained CSS - no dependency on Elementor CSS
   ============================================ */

/* === GLOBAL === */
.page-id-11235 .site-main,
.page-id-11233 .site-main {
    padding: 0 !important;
    margin: 0 !important;
}

/* Break out of ast-container max-width for full-bleed layout */
.page-id-11233 .elementor.elementor-11233 {
    max-width: 100vw !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* === 1. HERO SECTION === */
.page-id-11233 [data-id="hero_section_v2"],
.page-id-11233 [data-id="hero_section_v2"].e-con {
    min-height: 941px !important;
    background-image:
        linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.65) 100%),
        url("/wp-content/uploads/b2b-page-images/hero-showroom.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 80px 40px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.page-id-11233 [data-id="hero_section_v2"] .e-con-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    max-width: 1200px !important;
    width: 100% !important;
}

/* Hero text */
.page-id-11233 [data-id="hero_subtitle_v2"] .elementor-heading-title {
    color: #c9a96e !important;
    font-family: "Playfair Display", serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
}
.page-id-11233 [data-id="hero_title_v2"] .elementor-heading-title {
    color: #ffffff !important;
    font-family: "Playfair Display", serif !important;
    font-size: 52px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.5) !important;
    margin: 15px 0 !important;
}
.page-id-11233 [data-id="hero_desc_v2"] .elementor-heading-title {
    color: #e8e8f0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.5) !important;
}
.page-id-11233 [data-id="hero_divider_v2"] .elementor-divider-separator {
    width: 80px !important;
    border-top: 1px solid #c9a96e !important;
    margin: 0 auto !important;
}
.page-id-11233 [data-id="hero_divider_v2"] .elementor-divider {
    text-align: center !important;
    padding: 15px 0 !important;
}

/* === 2. CORE ADVANTAGES === */
.page-id-11233 [data-id="section_rules_v2"],
.page-id-11233 [data-id="section_rules_v2"].e-con {
    background: linear-gradient(180deg, #F5F3EF 0%, #EDE9E3 100%) !important;
    padding: 60px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-id-11233 [data-id="section_rules_v2"] .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1100px !important;
}
.page-id-11233 [data-id="rules_title_v2"] .elementor-heading-title {
    font-family: "Playfair Display", serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-align: center !important;
}
.page-id-11233 [data-id="rules_sub_v2"] .elementor-heading-title {
    color: #888899 !important;
    font-size: 16px !important;
    font-style: italic !important;
    text-align: center !important;
}
.page-id-11233 [data-id="cards_row_v2"],
.page-id-11233 [data-id="cards_row_v2"].e-con {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 100% !important;
    margin-top: 30px !important;
}
.page-id-11233 [data-id="cards_row_v2"] .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 100% !important;
}
.page-id-11233 [data-id="card_mixed_v2"],
.page-id-11233 [data-id="card_stock_v2"],
.page-id-11233 [data-id="card_moq_v2"] {
    background: #ffffff !important;
    border-radius: 8px !important;
    padding: 30px 24px !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.06) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border-top: 3px solid #c9a96e !important;
    flex: 1 1 300px !important;
    max-width: 350px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
.page-id-11233 [data-id="card_mixed_v2"] .e-con-inner,
.page-id-11233 [data-id="card_stock_v2"] .e-con-inner,
.page-id-11233 [data-id="card_moq_v2"] .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.page-id-11233 [data-id="card_mixed_v2"]:hover,
.page-id-11233 [data-id="card_stock_v2"]:hover,
.page-id-11233 [data-id="card_moq_v2"]:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;
}
.page-id-11233 [data-id="card_mixed_v2"] .elementor-icon,
.page-id-11233 [data-id="card_stock_v2"] .elementor-icon,
.page-id-11233 [data-id="card_moq_v2"] .elementor-icon {
    font-size: 48px !important;
    color: #c9a96e !important;
}
.page-id-11233 [data-id="card_mixed_v2"] .elementor-heading-title,
.page-id-11233 [data-id="card_stock_v2"] .elementor-heading-title,
.page-id-11233 [data-id="card_moq_v2"] .elementor-heading-title {
    font-family: "Playfair Display", serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}

/* === 3. FACTORY GALLERY === */
.page-id-11233 [data-id="section_gallery_v2"],
.page-id-11233 [data-id="section_gallery_v2"].e-con {
    background-color: #1a1a2e !important;
    padding: 70px 40px 60px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-id-11233 [data-id="section_gallery_v2"] .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1200px !important;
}
.page-id-11233 [data-id="gallery_title_v2"] .elementor-heading-title {
    font-family: "Playfair Display", serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-align: center !important;
}
.page-id-11233 [data-id="gallery_sub_v2"] .elementor-heading-title {
    color: #9999aa !important;
    font-style: italic !important;
    font-size: 15px !important;
    text-align: center !important;
}
.page-id-11233 [data-id="gallery_grid_v2"],
.page-id-11233 [data-id="gallery_grid_v2"].e-con {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    margin-top: 30px !important;
}
.page-id-11233 [data-id="gallery_grid_v2"] .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
}
.page-id-11233 [data-id="gimg_1_v2"],
.page-id-11233 [data-id="gimg_2_v2"],
.page-id-11233 [data-id="gimg_3_v2"] {
    min-height: 300px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease !important;
    flex: 1 1 300px !important;
    max-width: calc(33.333% - 12px) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 0 0 15px 0 !important;
}
.page-id-11233 [data-id="gimg_1_v2"] .e-con-inner,
.page-id-11233 [data-id="gimg_2_v2"] .e-con-inner,
.page-id-11233 [data-id="gimg_3_v2"] .e-con-inner {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    justify-content: flex-end !important;
}
.page-id-11233 [data-id="gimg_1_v2"] {
    background-image: url("/wp-content/uploads/b2b-page-images/factory-cutting.png") !important;
}
.page-id-11233 [data-id="gimg_2_v2"] {
    background-image: url("/wp-content/uploads/b2b-page-images/factory-sewing.png") !important;
}
.page-id-11233 [data-id="gimg_3_v2"] {
    background-image: url("/wp-content/uploads/b2b-page-images/factory-qc.png") !important;
}
.page-id-11233 [data-id="gimg_1_v2"]:hover,
.page-id-11233 [data-id="gimg_2_v2"]:hover,
.page-id-11233 [data-id="gimg_3_v2"]:hover {
    transform: scale(1.02) !important;
}
/* Gallery image overlay - applied via background gradient instead of ::before to avoid Elementor conflict */
.page-id-11233 [data-id="gimg_1_v2"].e-con,
.page-id-11233 [data-id="gimg_2_v2"].e-con,
.page-id-11233 [data-id="gimg_3_v2"].e-con {
    background-image:
        linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 60%),
        url("/wp-content/uploads/b2b-page-images/factory-cutting.png") !important;
}
.page-id-11233 [data-id="gimg_2_v2"].e-con {
    background-image:
        linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 60%),
        url("/wp-content/uploads/b2b-page-images/factory-sewing.png") !important;
}
.page-id-11233 [data-id="gimg_3_v2"].e-con {
    background-image:
        linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 60%),
        url("/wp-content/uploads/b2b-page-images/factory-qc.png") !important;
}
.page-id-11233 [data-id="caption_1_v2"] .elementor-heading-title,
.page-id-11233 [data-id="caption_2_v2"] .elementor-heading-title,
.page-id-11233 [data-id="caption_3_v2"] .elementor-heading-title {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
    text-align: center !important;
}

/* === 4. CTA SECTION === */
.page-id-11233 [data-id="section_cta_v2"],
.page-id-11233 [data-id="section_cta_v2"].e-con {
    background: linear-gradient(135deg, #0d0d1e 0%, #1a1a3a 100%) !important;
    padding: 70px 40px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-id-11233 [data-id="section_cta_v2"] .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    max-width: 800px !important;
    width: 100% !important;
}
.page-id-11233 [data-id="cta_divider_top_v2"] .elementor-divider-separator {
    width: 60px !important;
    border-top: 1px solid #c9a96e !important;
    margin: 0 auto !important;
}
.page-id-11233 [data-id="cta_divider_top_v2"] .elementor-divider {
    text-align: center !important;
    padding: 15px 0 !important;
}
.page-id-11233 [data-id="cta_heading_v2"] .elementor-heading-title {
    font-family: "Playfair Display", serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-align: center !important;
}
.page-id-11233 [data-id="cta_text_v2"] .elementor-heading-title {
    color: #ccccdd !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    text-align: center !important;
}
.page-id-11233 [data-id="cta_button_v2"] .elementor-button {
    background-color: #c9a96e !important;
    color: #1a1a2e !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border-radius: 4px !important;
    padding: 20px 50px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    text-decoration: none !important;
    margin-top: 10px !important;
}
.page-id-11233 [data-id="cta_button_v2"] .elementor-button:hover {
    background-color: #b8944f !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(201, 169, 110, 0.4) !important;
}
.page-id-11233 [data-id="cta_address_v2"] .elementor-heading-title {
    color: #9999aa !important;
    font-size: 14px !important;
    text-align: center !important;
    margin-top: 20px !important;
}

/* === 5. RESPONSIVE === */
@media (max-width: 1024px) {
    .page-id-11233 [data-id="hero_section_v2"] {
        min-height: 60vw !important;
    }
    .page-id-11233 [data-id="hero_title_v2"] .elementor-heading-title {
        font-size: 38px !important;
    }
}
@media (max-width: 767px) {
    .page-id-11233 [data-id="hero_section_v2"] {
        min-height: 56vw !important;
        padding: 30px 20px !important;
    }
    .page-id-11233 [data-id="hero_title_v2"] .elementor-heading-title {
        font-size: 28px !important;
    }
    .page-id-11233 [data-id="hero_subtitle_v2"] .elementor-heading-title {
        font-size: 13px !important;
    }
    .page-id-11233 [data-id="hero_desc_v2"] .elementor-heading-title {
        font-size: 14px !important;
    }
    .page-id-11233 [data-id="cards_row_v2"],
    .page-id-11233 [data-id="cards_row_v2"] .e-con-inner {
        flex-direction: column !important;
        align-items: center !important;
    }
    .page-id-11233 [data-id="card_mixed_v2"],
    .page-id-11233 [data-id="card_stock_v2"],
    .page-id-11233 [data-id="card_moq_v2"] {
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    .page-id-11233 [data-id="section_rules_v2"] {
        padding: 40px 20px !important;
    }
    .page-id-11233 [data-id="rules_title_v2"] .elementor-heading-title {
        font-size: 28px !important;
    }
    .page-id-11233 [data-id="gallery_grid_v2"],
    .page-id-11233 [data-id="gallery_grid_v2"] .e-con-inner {
        flex-direction: column !important;
    }
    .page-id-11233 [data-id="gimg_1_v2"],
    .page-id-11233 [data-id="gimg_2_v2"],
    .page-id-11233 [data-id="gimg_3_v2"] {
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    .page-id-11233 [data-id="section_gallery_v2"] {
        padding: 40px 20px !important;
    }
    .page-id-11233 [data-id="gallery_title_v2"] .elementor-heading-title {
        font-size: 26px !important;
    }
    .page-id-11233 [data-id="section_cta_v2"] {
        padding: 40px 20px !important;
    }
    .page-id-11233 [data-id="cta_heading_v2"] .elementor-heading-title {
        font-size: 26px !important;
    }
    .page-id-11233 [data-id="cta_button_v2"] .elementor-button {
        padding: 16px 36px !important;
        font-size: 14px !important;
    }
}

/* Elementor container reset - ensure no conflicting styles */
.page-id-11233 .e-con {
    --container-widget-width: 100% !important;
}