.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-6394 .elementor-element.elementor-element-618db34{--display:flex;--min-height:900px;--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;--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6394 .elementor-element.elementor-element-618db34:not(.elementor-motion-effects-element-type-background), .elementor-6394 .elementor-element.elementor-element-618db34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2333;background-image:url("https://cardyno.ir/wp-content/uploads/2026/03/bg.png");}.elementor-6394 .elementor-element.elementor-element-540932f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6394 .elementor-element.elementor-element-540932f.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-widget-uael-dual-color-heading .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-uael-dual-color-heading .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-uael-dual-color-heading .uael-dual-heading-text{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-uael-dual-color-heading .uael-dual-heading-text.uael-highlight-text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-uael-dual-color-heading .uael-dual-color-heading:before{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-dual-color-heading{text-align:center;}.elementor-6394 .elementor-element.elementor-element-a023b05.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-before-heading{margin-right:11px;}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-after-heading{margin-left:11px;}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-stack-desktop-yes .uael-before-heading{margin-bottom:11px;margin-right:0px;display:inline-block;}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-stack-desktop-yes .uael-after-heading{margin-top:11px;margin-left:0px;display:inline-block;}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-dual-heading-text{color:#FFFFFF;font-family:"پیکو", Sans-serif;font-weight:600;line-height:14px;}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-dual-heading-text.uael-highlight-text{color:#FFCB00;font-family:"پیکو", Sans-serif;font-weight:600;}.elementor-6394 .elementor-element.elementor-element-f69aa98{--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;--justify-content:space-around;}.elementor-widget-html .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-html .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-6394 .elementor-element.elementor-element-8e3a6d4{--display:flex;--min-height:900px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6394 .elementor-element.elementor-element-8e3a6d4:not(.elementor-motion-effects-element-type-background), .elementor-6394 .elementor-element.elementor-element-8e3a6d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cardyno.ir/wp-content/uploads/2026/03/bg2.jpg");}.elementor-6394 .elementor-element.elementor-element-8e3a6d4.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-heading .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6394 .elementor-element.elementor-element-cf2135a{text-align:center;}.elementor-6394 .elementor-element.elementor-element-cf2135a .elementor-heading-title{font-family:"پیکو", Sans-serif;font-size:36px;font-weight:600;color:#0F0F0F;}.elementor-6394 .elementor-element.elementor-element-4888e18{--display:flex;}.elementor-widget-text-editor .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-text-editor .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-6394 .elementor-element.elementor-element-1a2e52f{text-align:center;font-family:"vazir", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-6394 .elementor-element.elementor-element-639e728{--display:flex;--min-height:701px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6394 .elementor-element.elementor-element-639e728:not(.elementor-motion-effects-element-type-background), .elementor-6394 .elementor-element.elementor-element-639e728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FFFF;}.elementor-6394 .elementor-element.elementor-element-639e728.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-6394 .elementor-element.elementor-element-43543c6{text-align:center;}.elementor-6394 .elementor-element.elementor-element-43543c6 .elementor-heading-title{font-family:"پیکو", Sans-serif;font-size:36px;font-weight:600;color:#0F0F0F;}.elementor-6394 .elementor-element.elementor-element-3837d87{--display:flex;}.elementor-6394 .elementor-element.elementor-element-2d7d948{text-align:center;font-family:"vazir", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-6394 .elementor-element.elementor-element-c6aec30{--display:flex;--min-height:500px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;--margin-top:0px;--margin-bottom:-76px;--margin-left:0px;--margin-right:0px;}.elementor-6394 .elementor-element.elementor-element-c6aec30:not(.elementor-motion-effects-element-type-background), .elementor-6394 .elementor-element.elementor-element-c6aec30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-6394 .elementor-element.elementor-element-c6aec30.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-6394 .elementor-element.elementor-element-b85bae8{text-align:center;}.elementor-6394 .elementor-element.elementor-element-b85bae8 .elementor-heading-title{font-family:"پیکو", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-6394 .elementor-element.elementor-element-dbce63c{padding:22px 22px 22px 22px;text-align:center;font-family:"vazir", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-6394 .elementor-element.elementor-element-dbce63c.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}body.elementor-page-6394 #main.site-main{z-index:0;}@media(min-width:768px){.elementor-6394 .elementor-element.elementor-element-540932f{--width:65%;}.elementor-6394 .elementor-element.elementor-element-f69aa98{--width:50%;}}@media(max-width:1200px){.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-heading-stack-tablet .uael-before-heading {margin-bottom:11px;margin-right:0px;display:inline-block;}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-heading-stack-tablet .uael-after-heading {margin-top:11px;margin-left:0px;display:inline-block;}}@media(max-width:767px){.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-heading-stack-mobile .uael-before-heading {margin-bottom:11px;margin-right:0px;display:inline-block;}.elementor-6394 .elementor-element.elementor-element-a023b05 .uael-heading-stack-mobile .uael-after-heading {margin-top:11px;margin-left:0px;display:inline-block;}}/* Start custom CSS for html, class: .elementor-element-c0e964b *//* ظرف اصلی نگهدارنده موبایل و کیوآر کدها */
.custom-mockup-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px; /* فاصله بین موبایل و کیوآر کدها */
    background: transparent;
    padding: 20px;
}

/* --- استایل قاب موبایل (اصلاح شده برای جلوگیری از کشیدگی) --- */
.phone-mockup {
    width: 300px; /* عرض گوشی */
    min-width: 300px; /* جلوگیری از فشرده شدن عرض در ستون‌های کوچک */
    height: 600px; /* ارتفاع متناسب‌تر */
    flex-shrink: 0; /* جادوی اصلی: اصلا اجازه نمیده گوشی فشرده بشه */
    background-color: #ffffff;
    border: 12px solid #1e293b; /* رنگ حاشیه گوشی */
    border-radius: 45px; /* میزان گردی لبه‌ها */
    position: relative;
    box-shadow: -15px 25px 50px rgba(0, 0, 0, 0.5); /* سایه سه بعدی */
    overflow: hidden;
}

/* بریدگی بالای گوشی (ناچ) */
.iphone-notch {
    width: 100px;
    height: 25px;
    background-color: #1e293b;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 10;
}

/* عکسی که داخل گوشی قرار می‌گیره */
.phone-screen {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background-color: #f8fafc; /* یه رنگ پس‌زمینه ملایم تا وقتی عکس لود بشه */
}

/* --- استایل ستون QR کدها --- */
.qr-thumbnails {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-shrink: 0; /* اینم فشرده نشه بهتره */
}

/* استایل هر مربع QR */
.qr-box {
    width: 65px;
    height: 65px;
    background: #ffffff;
    border-radius: 14px;
    padding: 6px;
    opacity: 0.6;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.qr-box img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    background-color: #e2e8f0; /* پس‌زمینه موقت برای عکس‌های شکسته */
}

/* افکت کیوآر فعال */
.qr-box.active-qr, .qr-box:hover {
    opacity: 1;
    transform: scale(1.1);
    border: 2px solid #fbbf24;
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.6);
}

/* --- واکنش‌گرایی برای صفحه‌های کوچیک (موبایل و تبلت) --- */
@media (max-width: 768px) {
    .custom-mockup-wrapper {
        flex-direction: column-reverse; /* کیوآرها میرن زیر گوشی */
        gap: 20px;
    }
    
    .qr-thumbnails {
        flex-direction: row; /* کیوآرها افقی میشن */
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .phone-mockup {
        width: 280px; /* تو موبایل واقعی یه کوچولو جمع‌تر بشه */
        min-width: 280px;
        height: 560px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81a49ec *//* اعمال فونت وزیر به کل این بخش */
.features-wrapper {
    font-family: 'Vazirmatn', 'Vazir', Tahoma, sans-serif;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}

.feature-card {
    background-color: #ffffff;
    border-radius: 24px;
    padding: 40px 25px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: all 0.4s ease;
    cursor: pointer;
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.icon-wrapper {
    width: 70px;
    height: 70px;
    background-color: #fef3c7; /* پس‌زمینه زرد ملایم آیکون‌ها */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
}

/* استایل آیکون‌های وکتور (SVG) که جلف نباشن! */
.icon-wrapper svg {
    width: 32px;
    height: 32px;
    stroke: #f59e0b; /* رنگ زرد/نارنجی شیک و کلاسیک */
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.feature-title {
    font-size: 19px;
    font-weight: 700;
    color: #1e293b; /* مشکی مایل به سرمه‌ای تیره */
    margin-bottom: 12px;
}

/* رنگ متن‌ها رو تیره کردم که مثل اسکرین‌شاتت محو نباشن */
.feature-desc {
    font-size: 14.5px;
    color: #475569; /* طوسی تیره و بسیار خوانا */
    line-height: 1.8;
    margin: 0;
}

/* ریسپانسیو برای تبلت */
@media (max-width: 992px) {
    .features-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .features-wrapper {
        grid-template-columns: 1fr;
    }
    .feature-card {
        padding: 30px 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-807e14f *//* تنظیمات کلی بخش مراحل */
.steps-wrapper {
    font-family: 'Vazirmatn', 'Vazir', Tahoma, sans-serif;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1100px;
    margin: 50px auto;
    padding: 20px;
}

/* استایل هر کارت مرحله */
.step-card {
    text-align: center;
    padding: 20px 15px;
    transition: transform 0.3s ease;
    cursor: default;
}

/* یه افکت هاور کوچیک که وقتی موس رفت روشون یه کم بیان بالا */
.step-card:hover {
    transform: translateY(-8px);
}

/* استایل جذاب دایره‌های شماره‌دار */
.step-number {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px auto;
    background: linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%); /* شیب رنگی زرد به نارنجی ملایم */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 800;
    color: #1e293b; /* رنگ تیره برای عدد که خوانا باشه */
    
    /* این همون هاله نور (Glow) جادوییه که تو عکس فرستادی! */
    box-shadow: 0 12px 30px rgba(245, 158, 11, 0.35);
}

/* عنوان مراحل */
.step-title {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 15px;
}

/* توضیحات مراحل - خوانا و دقیق */
.step-desc {
    font-size: 15px;
    color: #475569;
    line-height: 1.8;
    margin: 0;
}

/* ریسپانسیو برای تبلت */
@media (max-width: 992px) {
    .steps-wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .step-number {
        width: 60px;
        height: 60px;
        font-size: 24px;
        margin-bottom: 20px;
    }
    .step-title {
        font-size: 18px;
    }
    .step-desc {
        font-size: 14px;
    }
}

/* ریسپانسیو برای موبایل - تبدیل به یک ستون زیر هم */
@media (max-width: 768px) {
    .steps-wrapper {
        grid-template-columns: 1fr;
        max-width: 400px;
        gap: 30px;
    }
    .step-card {
        padding: 10px;
    }
}/* End custom CSS */