.elementor-1213 .elementor-element.elementor-element-e55d3ae{--display:flex;--min-height:811px;--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;--justify-content:center;--overlay-opacity:0.63;}.elementor-1213 .elementor-element.elementor-element-e55d3ae:not(.elementor-motion-effects-element-type-background), .elementor-1213 .elementor-element.elementor-element-e55d3ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.zarca.ir/wp-content/uploads/2026/02/hero-rotated-e1771045515851.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1213 .elementor-element.elementor-element-e55d3ae::before, .elementor-1213 .elementor-element.elementor-element-e55d3ae > .elementor-background-video-container::before, .elementor-1213 .elementor-element.elementor-element-e55d3ae > .e-con-inner > .elementor-background-video-container::before, .elementor-1213 .elementor-element.elementor-element-e55d3ae > .elementor-background-slideshow::before, .elementor-1213 .elementor-element.elementor-element-e55d3ae > .e-con-inner > .elementor-background-slideshow::before, .elementor-1213 .elementor-element.elementor-element-e55d3ae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1213 .elementor-element.elementor-element-87f1cec{text-align:center;}.elementor-1213 .elementor-element.elementor-element-87f1cec .elementor-heading-title{color:#FFFFFF;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1213 .elementor-element.elementor-element-be95a5c{text-align:center;color:#FFFFFF;}.elementor-1213 .elementor-element.elementor-element-be95a5c a{color:#FF0000;}.elementor-1213 .elementor-element.elementor-element-3c480fe{--spacer-size:118px;}.elementor-1213 .elementor-element.elementor-element-7f8665f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1213 .elementor-element.elementor-element-7f8665f .elementor-heading-title{font-size:44px;line-height:69px;color:#FFFFFF;}.elementor-1213 .elementor-element.elementor-element-3dfe680{text-align:center;font-size:21px;color:#FFFFFF;}.elementor-1213 .elementor-element.elementor-element-2e1a3f2{text-align:center;}.elementor-1213 .elementor-element.elementor-element-2e1a3f2 .elementor-heading-title{line-height:51px;color:#FFFFFF;}.elementor-1213 .elementor-element.elementor-element-85f9837{--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;}.elementor-1213 .elementor-element.elementor-element-5a99d96{--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-1213 .elementor-element.elementor-element-a3232a6 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1213 .elementor-element.elementor-element-b77db89{--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-1213 .elementor-element.elementor-element-e6a0fc9{--display:flex;}.elementor-1213 .elementor-element.elementor-element-5d21cc8{--display:flex;}.elementor-1213 .elementor-element.elementor-element-71333ec{--display:flex;}.elementor-1213 .elementor-element.elementor-element-2a39e61{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-1213 .elementor-element.elementor-element-dd87a03{--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-1213 .elementor-element.elementor-element-dc5dbca{text-align:center;}@media(min-width:768px){.elementor-1213 .elementor-element.elementor-element-5a99d96{--width:50%;}.elementor-1213 .elementor-element.elementor-element-b77db89{--width:50%;}}@media(max-width:767px){.elementor-1213 .elementor-element.elementor-element-e55d3ae:not(.elementor-motion-effects-element-type-background), .elementor-1213 .elementor-element.elementor-element-e55d3ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.zarca.ir/wp-content/uploads/2026/02/hero-1.webp");}.elementor-1213 .elementor-element.elementor-element-e55d3ae{--justify-content:flex-start;}.elementor-1213 .elementor-element.elementor-element-87f1cec{margin:158px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1213 .elementor-element.elementor-element-87f1cec .elementor-heading-title{font-size:13px;}.elementor-1213 .elementor-element.elementor-element-be95a5c{font-size:11px;}.elementor-1213 .elementor-element.elementor-element-3c480fe{--spacer-size:86px;}.elementor-1213 .elementor-element.elementor-element-7f8665f .elementor-heading-title{font-size:32px;line-height:1.7em;}.elementor-1213 .elementor-element.elementor-element-3dfe680{line-height:2em;}}@media(min-width:1025px){.elementor-1213 .elementor-element.elementor-element-e55d3ae:not(.elementor-motion-effects-element-type-background), .elementor-1213 .elementor-element.elementor-element-e55d3ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for text-editor, class: .elementor-element-3dfe680 */.match-yes,
.match-no {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 600;
    display: inline-block;
    line-height: 1.6;
}

.match-yes {
    color: #1e7e34;
}

.match-no {
    color: #b11217;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c08dd9 */.whatsapp-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0a3e43 0%, #128C7E 100%);
    color: #ffffff;
    padding: 14px 32px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    transition: all 0.3s ease;
    direction: rtl;
}

.whatsapp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

.whatsapp-btn span {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0d77ca */.eitaa-btn {
    display: inline-flex;
    align-items: center;
    direction: rtl;
    gap: 12px; /* ⬅️ کمتر شد */
    background: linear-gradient(135deg, #ffc68b 0%, #FF8100 100%);
    color: white;
    padding: 10px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.eitaa-btn span {
    color: white;
}

.eitaa-btn svg {
    width: 62px;
    height: 32px;
    flex-shrink: 0;
    margin-right: -23px; /* ⬅️ آیکون به لبه نزدیک‌تر */
}
.eitaa-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c08dd9 */.whatsapp-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0a3e43 0%, #128C7E 100%);
    color: #ffffff;
    padding: 14px 32px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    transition: all 0.3s ease;
    direction: rtl;
}

.whatsapp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

.whatsapp-btn span {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0d77ca */.eitaa-btn {
    display: inline-flex;
    align-items: center;
    direction: rtl;
    gap: 12px; /* ⬅️ کمتر شد */
    background: linear-gradient(135deg, #ffc68b 0%, #FF8100 100%);
    color: white;
    padding: 10px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.eitaa-btn span {
    color: white;
}

.eitaa-btn svg {
    width: 62px;
    height: 32px;
    flex-shrink: 0;
    margin-right: -23px; /* ⬅️ آیکون به لبه نزدیک‌تر */
}
.eitaa-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c08dd9 */.whatsapp-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0a3e43 0%, #128C7E 100%);
    color: #ffffff;
    padding: 14px 32px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    transition: all 0.3s ease;
    direction: rtl;
}

.whatsapp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

.whatsapp-btn span {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0d77ca */.eitaa-btn {
    display: inline-flex;
    align-items: center;
    direction: rtl;
    gap: 12px; /* ⬅️ کمتر شد */
    background: linear-gradient(135deg, #ffc68b 0%, #FF8100 100%);
    color: white;
    padding: 10px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.eitaa-btn span {
    color: white;
}

.eitaa-btn svg {
    width: 62px;
    height: 32px;
    flex-shrink: 0;
    margin-right: -23px; /* ⬅️ آیکون به لبه نزدیک‌تر */
}
.eitaa-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c08dd9 */.whatsapp-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0a3e43 0%, #128C7E 100%);
    color: #ffffff;
    padding: 14px 32px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    transition: all 0.3s ease;
    direction: rtl;
}

.whatsapp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

.whatsapp-btn span {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0d77ca */.eitaa-btn {
    display: inline-flex;
    align-items: center;
    direction: rtl;
    gap: 12px; /* ⬅️ کمتر شد */
    background: linear-gradient(135deg, #ffc68b 0%, #FF8100 100%);
    color: white;
    padding: 10px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.eitaa-btn span {
    color: white;
}

.eitaa-btn svg {
    width: 62px;
    height: 32px;
    flex-shrink: 0;
    margin-right: -23px; /* ⬅️ آیکون به لبه نزدیک‌تر */
}
.eitaa-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6f58872 *//* === Zarca Step 2 Form Styles === */

.zarca-step-two-form-wrapper {
    max-width: 480px;
    margin: 0 auto;
    direction: rtl;
    font-family: inherit;
}

/* Form Groups */
.zarca-form-group {
    margin-bottom: 18px;
}

.zarca-form-group label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

/* Input Fields & Textarea */
.zarca-form-control {
    width: 100%;
    padding: 14px 18px;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    font-size: 13px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-family: inherit;
}

.zarca-form-control:focus {
    border-color: #128C7E;
    outline: none;
    box-shadow: 0 0 0 3px rgba(18, 140, 126, 0.12);
}

.zarca-form-control[readonly] {
    background-color: #f5f5f5;
    color: #666;
    cursor: not-allowed;
}

.zarca-form-control::placeholder {
    color: #999;
}

/* Buttons */
.zarca-submit-btn {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #0a3e43 0%, #128C7E 100%);
    color: #fff;
    padding: 15px 40px;
    border-radius: 10px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(18, 140, 126, 0.3);
    transition: all 0.3s ease;
    font-family: inherit;
}

.zarca-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(18, 140, 126, 0.4);
}

.zarca-submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.zarca-link-btn {
    background: none;
    border: none;
    color: #128C7E;
    text-decoration: underline;
    cursor: pointer;
    font-size: 13px;
    padding: 8px;
    transition: all 0.3s ease;
    font-family: inherit;
}

.zarca-link-btn:hover {
    color: #0a6b61;
}

/* Timer */
.zarca-timer {
    margin-top: 12px;
    font-size: 12px;
    color: #666;
    text-align: center;
}

/* Field Note */
.zarca-field-note {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    line-height: 1.4;
}

/* Shipping Note */
.zarca-shipping-note {
    margin-top: 15px;
    font-size: 12px;
    color: #777;
    text-align: center;
    padding: 10px;
    background: #f8f8f8;
    border-radius: 8px;
}

/* Messages */
.zarca-form-message {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 13px;
    display: none;
    animation: zarcaSlideDown 0.3s ease;
}

.zarca-form-message.success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.zarca-form-message.error {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

@keyframes zarcaSlideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Spinner */
.zarca-spinner {
    text-align: center;
    padding: 15px;
}

.zarca-spinner-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid rgba(18, 140, 126, 0.2);
    border-top-color: #128C7E;
    border-radius: 50%;
    animation: zarcaSpin 0.8s linear infinite;
}

@keyframes zarcaSpin {
    to {
        transform: rotate(360deg);
    }
}

/* Section Transitions */
#phone-section,
#otp-section,
#address-section {
    animation: zarcaFadeIn 0.4s ease;
}

@keyframes zarcaFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Info Box (for popups) */
.zarca-info-box {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    line-height: 1.6;
}

.zarca-info-box p {
    margin: 10px 0;
    color: #856404;
}

.zarca-info-box a {
    color: #128C7E;
    text-decoration: none;
    font-weight: bold;
}

.zarca-info-box a:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 600px) {
    .zarca-step-two-form-wrapper {
        padding: 0 15px;
    }
    
    .zarca-form-control {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .zarca-submit-btn {
        padding: 13px 30px;
        font-size: 14px;
    }
}

/* Focus visible for accessibility */
.zarca-submit-btn:focus-visible,
.zarca-link-btn:focus-visible,
.zarca-form-control:focus-visible {
    outline: 2px solid #128C7E;
    outline-offset: 2px;
}/* End custom CSS */