.elementor-1004 .elementor-element.elementor-element-8bea6c3{--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-1004 .elementor-element.elementor-element-8bea6c3:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-8bea6c3 > .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-1004 .elementor-element.elementor-element-8bea6c3::before, .elementor-1004 .elementor-element.elementor-element-8bea6c3 > .elementor-background-video-container::before, .elementor-1004 .elementor-element.elementor-element-8bea6c3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1004 .elementor-element.elementor-element-8bea6c3 > .elementor-background-slideshow::before, .elementor-1004 .elementor-element.elementor-element-8bea6c3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1004 .elementor-element.elementor-element-8bea6c3 > .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-1004 .elementor-element.elementor-element-54ac284{text-align:center;}.elementor-1004 .elementor-element.elementor-element-54ac284 .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-1004 .elementor-element.elementor-element-39c52a2{text-align:center;color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-39c52a2 a{color:#FF0000;}.elementor-1004 .elementor-element.elementor-element-6d9efc3{--spacer-size:118px;}.elementor-1004 .elementor-element.elementor-element-5f5d45f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1004 .elementor-element.elementor-element-5f5d45f .elementor-heading-title{font-size:44px;line-height:69px;color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-77513b3{text-align:center;font-size:21px;color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-d6f4b99{text-align:center;}.elementor-1004 .elementor-element.elementor-element-d6f4b99 .elementor-heading-title{line-height:51px;color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-7c48911{--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-1004 .elementor-element.elementor-element-eba0f1a{--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-1004 .elementor-element.elementor-element-249af85 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1004 .elementor-element.elementor-element-d3a0ccc{--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-1004 .elementor-element.elementor-element-e531c7d{--display:flex;}.elementor-1004 .elementor-element.elementor-element-d96dd31{--display:flex;}.elementor-1004 .elementor-element.elementor-element-249cab2{--display:flex;}.elementor-1004 .elementor-element.elementor-element-18521ea{--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-1004 .elementor-element.elementor-element-97ad052{--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-1004 .elementor-element.elementor-element-9e89670{text-align:center;}.elementor-1004 .elementor-element.elementor-element-9e89670 .elementor-heading-title{font-size:19px;}.elementor-1004 .elementor-element.elementor-element-f6a0782{text-align:center;}.elementor-1004 .elementor-element.elementor-element-f6a0782 .elementor-heading-title{font-size:19px;line-height:40px;}.elementor-1004 .elementor-element.elementor-element-66c11cf{text-align:center;}.elementor-1004 .elementor-element.elementor-element-66c11cf .elementor-heading-title{font-size:19px;line-height:40px;}.elementor-1004 .elementor-element.elementor-element-fa42d06{--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-1004 .elementor-element.elementor-element-fa42d06:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-fa42d06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#333333;}.elementor-1004 .elementor-element.elementor-element-7baaa42{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1004 .elementor-element.elementor-element-7baaa42 .elementor-heading-title{color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-4d0ec02{--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-1004 .elementor-element.elementor-element-4d0ec02:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-4d0ec02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#333333;}.elementor-1004 .elementor-element.elementor-element-bfa49fe{--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-1004 .elementor-element.elementor-element-2d3752b{color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-74fafdf{--spacer-size:50px;}.elementor-1004 .elementor-element.elementor-element-c8b39c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );}.elementor-widget-author-box .elementor-author-box__bio{color:var( --e-global-color-text );}.elementor-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-1004 .elementor-element.elementor-element-8dc61a6 .elementor-author-box__name{color:#FAFCFF;}.elementor-1004 .elementor-element.elementor-element-8dc61a6 .elementor-author-box__bio{color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-f63884f{--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-1004 .elementor-element.elementor-element-1f3c5a0{color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-767ef01 .elementor-author-box__name{color:#FAFCFF;}.elementor-1004 .elementor-element.elementor-element-767ef01 .elementor-author-box__bio{color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-9dc31c6{--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-1004 .elementor-element.elementor-element-645aabd{color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-5879a91{--spacer-size:42px;}.elementor-1004 .elementor-element.elementor-element-c9b6fc7 .elementor-author-box__name{color:#FAFCFF;}.elementor-1004 .elementor-element.elementor-element-c9b6fc7 .elementor-author-box__bio{color:#FFFFFF;}@media(min-width:768px){.elementor-1004 .elementor-element.elementor-element-eba0f1a{--width:50%;}.elementor-1004 .elementor-element.elementor-element-d3a0ccc{--width:50%;}.elementor-1004 .elementor-element.elementor-element-bfa49fe{--width:50%;}.elementor-1004 .elementor-element.elementor-element-f63884f{--width:50%;}.elementor-1004 .elementor-element.elementor-element-9dc31c6{--width:50%;}}@media(max-width:767px){.elementor-1004 .elementor-element.elementor-element-8bea6c3:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-8bea6c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.zarca.ir/wp-content/uploads/2026/02/hero-1.webp");}.elementor-1004 .elementor-element.elementor-element-8bea6c3{--justify-content:flex-start;}.elementor-1004 .elementor-element.elementor-element-54ac284{margin:158px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1004 .elementor-element.elementor-element-54ac284 .elementor-heading-title{font-size:13px;}.elementor-1004 .elementor-element.elementor-element-39c52a2{font-size:11px;}.elementor-1004 .elementor-element.elementor-element-6d9efc3{--spacer-size:86px;}.elementor-1004 .elementor-element.elementor-element-5f5d45f .elementor-heading-title{font-size:32px;line-height:1.7em;}.elementor-1004 .elementor-element.elementor-element-77513b3{line-height:2em;}.elementor-1004 .elementor-element.elementor-element-9e89670 .elementor-heading-title{font-size:17px;line-height:2.5em;}.elementor-1004 .elementor-element.elementor-element-f6a0782 .elementor-heading-title{font-size:16px;}.elementor-1004 .elementor-element.elementor-element-66c11cf .elementor-heading-title{font-size:16px;}.elementor-1004 .elementor-element.elementor-element-7baaa42 .elementor-heading-title{line-height:1.9em;}}@media(min-width:1025px){.elementor-1004 .elementor-element.elementor-element-8bea6c3:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-8bea6c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for text-editor, class: .elementor-element-77513b3 */.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 shortcode, class: .elementor-element-ed4132d *//* === 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 */
/* Start custom CSS for shortcode, class: .elementor-element-068ffae *//* === Zarca OTP Button (WhatsApp Style) === */

#zt-send-otp.zarca-btn {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    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(37, 211, 102, 0.3);
    transition: all 0.3s ease;
}

/* متن دکمه */
#zt-send-otp .zt-btn-text {
    line-height: 1;
}

/* Hover */
#zt-send-otp:hover {
    background: linear-gradient(135deg, #128C7E 0%, #1fa98c 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

/* Active */
#zt-send-otp:active {
    transform: scale(0.98);
}

/* Focus */
#zt-send-otp:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(18, 140, 126, 0.25);
}

/* Disabled */
#zt-send-otp:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Spinner */
#zt-send-otp .zarca-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: zt-spin 0.8s linear infinite;
}

/* حالت لودینگ (وقتی JS متن رو مخفی می‌کنه) */
#zt-send-otp.loading .zt-btn-text {
    display: none;
}

#zt-send-otp.loading .zarca-spinner {
    display: inline-block !important;
}

/* Spinner animation */
@keyframes zt-spin {
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8b39c8 */.voice-player-card {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 15px 20px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    direction: rtl;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
}

.play-btn {
    width: 45px;
    height: 45px;
    background: #6c5ce7; /* رنگ اصلی */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.play-btn:hover {
    transform: scale(1.05);
    background: #5b4cc4;
}

.player-info {
    flex-grow: 1;
    margin-right: 15px;
}

.player-title {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    margin-bottom: 8px;
    display: block;
}

.progress-container {
    height: 6px;
    background: #eee;
    border-radius: 10px;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.progress-bar {
    height: 100%;
    background: #6c5ce7; /* رنگ نوار پیشرفت */
    border-radius: 10px;
    width: 0%;
    transition: width 0.1s linear;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-483de45 */.chat-viewer-wrapper {
    text-align: center;
    margin-bottom: 20px;
    direction: rtl;
}

.chat-button {
    display: inline-flex;
    align-items: center;
    padding: 12px 25px;
    /* اعمال رنگ مدنظر شما به عنوان پس‌زمینه اصلی */
    background-color: #0A3E43; 
    color: #ffffff !important; /* تضمین سفیدی متن */
    border-radius: 30px;
    text-decoration: none;
    font-family: 'Tahoma', sans-serif;
    font-size: 15px;
    font-weight: bold;
    /* اصلاح رنگ سایه برای هارمونی با رنگ دکمه */
    box-shadow: 0 6px 15px rgba(10, 62, 67, 0.3);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.chat-button:hover {
    transform: translateY(-3px);
    /* کمی روشن‌تر شدن یا افزایش سایه در هنگام هاور */
    box-shadow: 0 10px 20px rgba(10, 62, 67, 0.4);
    background-color: #0d4d53; /* تغییر رنگ بسیار جزئی برای حس پویایی */
    color: #ffffff;
}

.chat-button i {
    margin-left: 10px;
    font-size: 18px;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7989dae */.chat-viewer-wrapper {
    text-align: center;
    margin-bottom: 20px;
    direction: rtl;
}

.chat-button {
    display: inline-flex;
    align-items: center;
    padding: 12px 25px;
    /* اعمال رنگ مدنظر شما به عنوان پس‌زمینه اصلی */
    background-color: #0A3E43; 
    color: #ffffff !important; /* تضمین سفیدی متن */
    border-radius: 30px;
    text-decoration: none;
    font-family: 'Tahoma', sans-serif;
    font-size: 15px;
    font-weight: bold;
    /* اصلاح رنگ سایه برای هارمونی با رنگ دکمه */
    box-shadow: 0 6px 15px rgba(10, 62, 67, 0.3);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.chat-button:hover {
    transform: translateY(-3px);
    /* کمی روشن‌تر شدن یا افزایش سایه در هنگام هاور */
    box-shadow: 0 10px 20px rgba(10, 62, 67, 0.4);
    background-color: #0d4d53; /* تغییر رنگ بسیار جزئی برای حس پویایی */
    color: #ffffff;
}

.chat-button i {
    margin-left: 10px;
    font-size: 18px;
    color: #ffffff;
}/* End custom CSS */