.elementor-12 .elementor-element.elementor-element-67b2ec8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-28px;--margin-bottom:0px;--margin-left:22px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-67b2ec8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-454e4c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-ad3ed59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-7dad0c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-57px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-467296c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-e0f68a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-1a15007{margin:-64px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-4218626{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-08570f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0E2E5;--border-color:#D0E2E5;--border-radius:020px 0px 0px 020px;}.elementor-12 .elementor-element.elementor-element-08570f4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-773ff44{width:var( --container-widget-width, 118.252% );max-width:118.252%;--container-widget-width:118.252%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-773ff44.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-98915e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0E2E5;--border-color:#D0E2E5;--border-radius:0px 020px 020px 0px;}.elementor-12 .elementor-element.elementor-element-98915e5:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-98915e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F9FA;}.elementor-12 .elementor-element.elementor-element-98915e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-25a4a14{width:var( --container-widget-width, 105.636% );max-width:105.636%;--container-widget-width:105.636%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-25a4a14.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-67b2ec8{--width:344px;}.elementor-12 .elementor-element.elementor-element-3555ffb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-67b2ec8{--width:100%;}.elementor-12 .elementor-element.elementor-element-08570f4{--width:50%;}.elementor-12 .elementor-element.elementor-element-98915e5{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-25a4a14 */<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        background: #f1f5f9;
    }

    /* Contact Section */
    .contact-section {
        width: 100%;
        padding: 40px;
        background: #f1f5f9;
    }

    .contact-container {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 50% 50%;
        background: #ffffff;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        border: 1px solid #e2e8f0;
    }

    /* Left Side - White Background */
    .contact-info {
        background: #ffffff;
        padding: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-right: 1px solid #e2e8f0;
    }

    .contact-info h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .contact-description {
        font-size: 1.05rem;
        color: #475569;
        line-height: 1.7;
        margin-bottom: 40px;
    }

    /* Contact Methods */
    .contact-methods {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }

    .contact-method {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .contact-icon {
        width: 48px;
        height: 48px;
        background: #f0fdfa;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border: 1px solid #ccfbf1;
    }

    .contact-icon svg {
        width: 22px;
        height: 22px;
        color: #0d9488;
    }

    .contact-details h4 {
        font-size: 0.85rem;
        font-weight: 500;
        color: #64748b;
        margin-bottom: 4px;
    }

    .contact-details a {
        font-size: 1.05rem;
        font-weight: 600;
        color: #0f172a;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .contact-details a:hover {
        color: #0d9488;
    }

    /* Live Support Box */
    .live-support {
        background: #f0f7f7;
        border-radius: 16px;
        padding: 20px 24px;
        display: flex;
        align-items: center;
        gap: 16px;
        border: 1px solid #e0e8e8;
    }

    .support-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
        background: #e0f2fe;
        border: 2px solid #fff;
    }

    .support-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .support-info h4 {
        font-size: 0.95rem;
        font-weight: 600;
        color: #0f172a;
        margin-bottom: 2px;
    }

    .support-info p {
        font-size: 0.85rem;
        color: #64748b;
    }

    /* Right Side - Light Gray Background with Form */
    .contact-form-wrapper {
        background: #f8fafc;
        padding: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Contact Form 7 Styles */
    .wpcf7 {
        max-width: 100%;
        margin: 0;
    }

    .wpcf7-form {
        display: block;
    }

    .wpcf7-form .form-row {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
    }

    .wpcf7-form .form-group {
        flex: 1;
        display: block;
        min-width: 0;
    }

    .wpcf7-form label {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #0f172a;
        margin-bottom: 6px;
    }

    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form select {
        width: 100%;
        height: 48px;
        padding: 12px 16px;
        border: 1px solid #d1d5db;
        border-radius: 8px;
        font-size: 14px;
        color: #374151;
        background: #ffffff;
        font-family: inherit;
        box-sizing: border-box;
        margin: 0;
        transition: border-color 0.2s ease;
    }

    .wpcf7-form input::placeholder {
        color: #9ca3af;
        font-size: 14px;
    }

    .wpcf7-form input:focus,
    .wpcf7-form select:focus {
        outline: none;
        border-color: #0d9488;
    }

    .wpcf7-form select {
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M6 7.5L.5 2 1.55.95 6 5.4 10.45.95 11.5 2z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 14px center;
        padding-right: 36px;
        cursor: pointer;
    }

    .wpcf7-form select option {
        color: #374151;
    }

    /* Submit Button - FIXED with maximum specificity */
    .contact-form-wrapper .wpcf7-form input[type="submit"],
    .contact-form-wrapper .wpcf7-form button[type="submit"],
    .contact-form-wrapper .wpcf7-submit,
    .contact-form-wrapper input.wpcf7-submit,
    .contact-form-wrapper button.wpcf7-submit,
    .contact-form-wrapper .wpcf7 .wpcf7-submit,
    .contact-form-wrapper form.wpcf7-form .wpcf7-submit,
    .contact-form-wrapper .wpcf7-form p .wpcf7-submit,
    .contact-form-wrapper div.wpcf7 .wpcf7-submit,
    .wpcf7-form input[type="submit"],
    .wpcf7-form button[type="submit"],
    .wpcf7-submit,
    input.wpcf7-submit,
    button.wpcf7-submit,
    .wpcf7 .wpcf7-submit,
    form.wpcf7-form .wpcf7-submit,
    .wpcf7-form p .wpcf7-submit,
    div.wpcf7 .wpcf7-submit {
        background: #005c71 !important;
        background-color: #005c71 !important;
        background-image: none !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        font-family: inherit !important;
        display: block !important;
        width: 100% !important;
        height: 52px !important;
        margin: 12px 0 0 0 !important;
        padding: 0 !important;
        line-height: 52px !important;
        text-align: center !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        box-shadow: none !important;
        text-shadow: none !important;
        outline: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        transition: background-color 0.2s ease !important;
        opacity: 1 !important;
        filter: none !important;
    }

    /* Hover state */
    .contact-form-wrapper .wpcf7-form input[type="submit"]:hover,
    .contact-form-wrapper .wpcf7-form button[type="submit"]:hover,
    .contact-form-wrapper .wpcf7-submit:hover,
    .contact-form-wrapper input.wpcf7-submit:hover,
    .contact-form-wrapper button.wpcf7-submit:hover,
    .wpcf7-form input[type="submit"]:hover,
    .wpcf7-form button[type="submit"]:hover,
    .wpcf7-submit:hover,
    input.wpcf7-submit:hover,
    button.wpcf7-submit:hover {
        background: #004a5a !important;
        background-color: #004a5a !important;
        background-image: none !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

    /* Active/Focus state */
    .contact-form-wrapper .wpcf7-form input[type="submit"]:active,
    .contact-form-wrapper .wpcf7-form input[type="submit"]:focus,
    .wpcf7-form input[type="submit"]:active,
    .wpcf7-form input[type="submit"]:focus,
    .wpcf7-submit:active,
    .wpcf7-submit:focus {
        background: #004a5a !important;
        background-color: #004a5a !important;
        outline: none !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

    /* Remove CF7 defaults */
    .wpcf7-form p {
        margin: 0;
    }

    .wpcf7-form br {
        display: none;
    }

    .wpcf7-spinner {
        display: none !important;
    }

    /* Response Messages */
    .wpcf7-response-output {
        margin: 0 0 20px 0 !important;
        padding: 14px 16px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        border-width: 1px !important;
    }

    .wpcf7-mail-sent-ok {
        background: #dcfce7 !important;
        border-color: #86efac !important;
        color: #166534 !important;
    }

    .wpcf7-validation-errors,
    .wpcf7-mail-sent-ng {
        background: #fee2e2 !important;
        border-color: #fca5a5 !important;
        color: #dc2626 !important;
    }

    /* Responsive */
    @media (max-width: 1024px) {
        .contact-section {
            padding: 24px;
        }

        .contact-container {
            grid-template-columns: 1fr;
        }

        .contact-info,
        .contact-form-wrapper {
            padding: 40px;
        }

        .contact-info {
            border-right: none;
            border-bottom: 1px solid #e2e8f0;
        }
    }

    @media (max-width: 640px) {
        .contact-section {
            padding: 16px;
        }

        .contact-info,
        .contact-form-wrapper {
            padding: 32px 24px;
        }

        .contact-info h2 {
            font-size: 2rem;
        }

        .wpcf7-form .form-row {
            flex-direction: column;
            gap: 16px;
        }
    }
</style>

<section class="contact-section">
    <div class="contact-container">
        
        <!-- Left Side - Contact Info -->
        <div class="contact-info">
            <h2>Get in Touch</h2>
            <p class="contact-description">
                Have questions about specific peptides, shipping to your country, or bulk research orders? Our expert support team is here to assist you.
            </p>

            <div class="contact-methods">
                <div class="contact-method">
                    <div class="contact-icon">
                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
                        </svg>
                    </div>
                    <div class="contact-details">
                        <h4>Email Support</h4>
                        <a href="mailto:sales@therapure.shop">sales@therapure.shop</a>
                    </div>
                </div>

                <div class="contact-method">
                    <div class="contact-icon">
                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                        </svg>
                    </div>
                    <div class="contact-details">
                        <h4>Business WhatsApp</h4>
                        <a href="https://wa.me/33766463023">+33 7 66 46 30 23</a>
                    </div>
                </div>
            </div>

            <div class="live-support">
                <div class="support-avatar">
                    <img src="https://weightlosspeptides.shop/wp-content/uploads/2026/02/customer_support_20260210_144312.png" alt="Live Support">
                </div>
                <div class="support-info">
                    <h4>Live support available 9:00 - 18:00 CET</h4>
                    <p>Average response time: 45 minutes</p>
                </div>
            </div>
        </div>

        <!-- Right Side - Contact Form 7 -->
        <div class="contact-form-wrapper">
            <?php echo do_shortcode('[contact-form-7 id="123" title="Contact Form"]'); ?>
        </div>

    </div>
</section>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4218626 *//* CF7 Button Color */
.elementor-12 .elementor-element.elementor-element-4218626 .wpcf7-submit {
    background: #005c71 !important;
    background-color: #005c71 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 100% !important;
    height: 52px !important;
    margin-top: 12px !important;
}

.elementor-12 .elementor-element.elementor-element-4218626 .wpcf7-submit:hover {
    background: #004a5a !important;
    background-color: #004a5a !important;
}/* End custom CSS */