.home-apple{
    --ink:#1f121b;
    --muted:#7a6572;
    --rose:#ec4899;
    --rose2:#f9a8d4;
    --dark:#08050a;
    --plum:#64153e;
    --p:0;
    background:#fff6fb;
    color:var(--ink);
    overflow:hidden;
    direction:rtl;
}

.home-apple *{box-sizing:border-box}
.ha-wrap{width:min(1220px,calc(100% - 34px));margin:0 auto}

.ha-hero{
    position:relative;
    min-height:108vh;
    display:flex;
    align-items:center;
    isolation:isolate;
    background:
        radial-gradient(circle at 18% 10%,rgba(236,72,153,.22),transparent 34%),
        radial-gradient(circle at 86% 20%,rgba(249,168,212,.28),transparent 34%),
        linear-gradient(180deg,#fff6fb 0%,#fff 72%);
}

.ha-bg{
    position:absolute;
    pointer-events:none;
    z-index:-1;
    border-radius:999px;
    filter:blur(12px);
    animation:haBlob 9s ease-in-out infinite alternate;
}

.ha-bg-1{width:520px;height:520px;right:-220px;top:8%;background:radial-gradient(circle,rgba(236,72,153,.27),transparent 68%)}
.ha-bg-2{width:470px;height:470px;left:-210px;bottom:4%;background:radial-gradient(circle,rgba(100,21,62,.16),transparent 68%);animation-delay:-4s}
.ha-bg-3{width:240px;height:240px;left:20%;top:22%;background:radial-gradient(circle,rgba(249,168,212,.28),transparent 68%);animation-delay:-7s}

.ha-hero-grid{
    min-height:760px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
    gap:56px;
    align-items:center;
}

.ha-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(236,72,153,.18);
    color:#9f1239;
    font-size:13px;
    font-weight:950;
    box-shadow:0 18px 42px rgba(157,23,77,.10);
    backdrop-filter:blur(18px);
}

.ha-eyebrow span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(135deg,#f9a8d4,#ec4899,#9f1239);
    box-shadow:0 0 0 8px rgba(236,72,153,.13);
}

.ha-hero h1{
    margin:26px 0 20px;
    max-width:780px;
    font-size:clamp(48px,7vw,112px);
    line-height:1.04;
    letter-spacing:-.065em;
    font-weight:950;
}

.ha-hero p{
    max-width:650px;
    margin:0;
    color:#765266;
    font-size:clamp(16px,1.35vw,21px);
    line-height:2.15;
    font-weight:760;
}

.ha-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:32px;
}

.ha-btn{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border-radius:999px;
    text-decoration:none!important;
    font-weight:950;
    transition:transform .25s ease, box-shadow .25s ease;
}

.ha-btn:hover{transform:translateY(-4px)}
.ha-btn-dark{color:#fff!important;background:linear-gradient(135deg,#111827,#64153e 55%,#ec4899);box-shadow:0 22px 54px rgba(157,23,77,.24)}
.ha-btn-light{color:#241422!important;background:rgba(255,255,255,.84);border:1px solid rgba(36,20,34,.10);box-shadow:0 18px 44px rgba(17,24,39,.08);backdrop-filter:blur(18px)}

.ha-hero-visual{
    perspective:1000px;
}

.ha-device{
    position:relative;
    min-height:640px;
    border-radius:54px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(236,72,153,.18);
    box-shadow:0 46px 120px rgba(100,21,62,.22);
    transform:rotateY(-7deg) rotateX(2deg);
    animation:haDeviceFloat 6s ease-in-out infinite;
}

.ha-device img{
    width:100%;
    height:100%;
    min-height:640px;
    object-fit:cover;
    display:block;
}

.ha-placeholder{
    min-height:100%;
    display:grid;
    place-items:center;
    text-align:center;
    color:#9f1239;
    font-size:54px;
    font-weight:950;
    background:linear-gradient(135deg,#fff,#fff0f7);
}

.ha-device-glass{
    position:absolute;
    right:24px;
    left:24px;
    bottom:24px;
    padding:18px;
    border-radius:28px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(255,255,255,.86);
    box-shadow:0 20px 54px rgba(0,0,0,.14);
    backdrop-filter:blur(20px);
}

.ha-device-glass strong{display:block;font-size:17px;font-weight:950;color:#241422;margin-bottom:6px}
.ha-device-glass small{display:block;color:#9f1239;font-size:12px;font-weight:900;line-height:1.8}

.ha-scroll-hint{
    position:absolute;
    right:50%;
    bottom:26px;
    transform:translateX(50%);
    display:flex;
    align-items:center;
    gap:10px;
    color:#9f1239;
    font-weight:900;
    font-size:12px;
}

.ha-scroll-hint span{
    width:18px;
    height:32px;
    border-radius:999px;
    border:2px solid rgba(159,18,57,.35);
    position:relative;
}

.ha-scroll-hint span::after{
    content:"";
    position:absolute;
    top:6px;
    right:50%;
    width:4px;
    height:7px;
    border-radius:99px;
    background:#ec4899;
    transform:translateX(50%);
    animation:haWheel 1.3s ease-in-out infinite;
}

.ha-highlights{
    padding:100px 0 120px;
    background:#fff;
}

.ha-section-title{
    text-align:center;
    max-width:820px;
    margin:0 auto 42px;
}

.ha-section-title span,
.ha-about-card span,
.ha-final-card span{
    display:inline-flex;
    padding:8px 14px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-size:12px;
    font-weight:950;
    margin-bottom:14px;
}

.ha-section-title h2,
.ha-about-card h2,
.ha-final-card h2{
    margin:0 0 12px;
    font-size:clamp(32px,4.5vw,68px);
    line-height:1.18;
    font-weight:950;
    letter-spacing:-.045em;
}

.ha-section-title p,
.ha-about-card p,
.ha-final-card p{
    margin:0;
    color:#765266;
    line-height:2;
    font-weight:740;
}

.ha-highlight-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.ha-highlight-grid article{
    min-height:310px;
    padding:30px;
    border-radius:36px;
    background:
        radial-gradient(circle at 100% 0%,rgba(236,72,153,.16),transparent 34%),
        linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,244,250,.86));
    border:1px solid rgba(236,72,153,.13);
    box-shadow:0 24px 68px rgba(157,23,77,.08);
    transition:.35s ease;
}

.ha-highlight-grid article:hover{
    transform:translateY(-10px) scale(1.015);
    box-shadow:0 38px 94px rgba(157,23,77,.14);
}

.ha-highlight-grid b{
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    border-radius:24px;
    color:#fff;
    background:linear-gradient(135deg,#f9a8d4,#ec4899,#9f1239);
    box-shadow:0 18px 42px rgba(236,72,153,.26);
    margin-bottom:22px;
}

.ha-highlight-grid h3{
    margin:0 0 12px;
    font-size:24px;
    font-weight:950;
}

.ha-highlight-grid p{
    margin:0;
    color:#765266;
    line-height:2;
    font-weight:760;
}

.ha-story{
    position:relative;
    min-height:480vh;
    background:
        radial-gradient(circle at 18% 12%,rgba(236,72,153,.20),transparent 32%),
        radial-gradient(circle at 80% 50%,rgba(249,168,212,.11),transparent 36%),
        linear-gradient(180deg,#08050a 0%,#1d0b16 54%,#08050a 100%);
    color:#fff;
}

.ha-story-sticky{
    position:sticky;
    top:0;
    height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.ha-story-stage{
    width:min(1220px,calc(100% - 34px));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
    gap:70px;
    align-items:center;
}

.ha-story-copy span{
    display:inline-flex;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#f9a8d4;
    border:1px solid rgba(255,255,255,.16);
    font-size:12px;
    font-weight:950;
    margin-bottom:18px;
}

.ha-story-copy h2{
    margin:0 0 18px;
    font-size:clamp(38px,5.4vw,82px);
    line-height:1.14;
    font-weight:950;
    letter-spacing:-.055em;
}

.ha-story-copy p{
    margin:0;
    max-width:620px;
    color:rgba(255,255,255,.72);
    font-size:17px;
    line-height:2.1;
    font-weight:730;
}

.ha-story-visual{
    position:relative;
    height:620px;
    display:grid;
    place-items:center;
    transform:
        translateY(calc((var(--p) - .5) * -42px))
        scale(calc(.94 + var(--p) * .08));
}

.ha-orbit{
    position:absolute;
    width:580px;
    height:580px;
    border-radius:50%;
    background:
        radial-gradient(circle,rgba(236,72,153,.30),transparent 58%),
        conic-gradient(from calc(var(--p) * 360deg),rgba(236,72,153,.0),rgba(249,168,212,.42),rgba(236,72,153,.0));
    filter:blur(1px);
    opacity:.85;
    animation:haRotate 12s linear infinite;
}

.ha-phone-card{
    position:absolute;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 48px 120px rgba(0,0,0,.46);
}

.ha-phone-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.ha-phone-main{
    width:min(430px,78vw);
    height:590px;
    border-radius:52px;
    transform:
        translateX(calc((var(--p) - .5) * -40px))
        rotateY(calc(-8deg + var(--p) * 16deg))
        rotateZ(calc(-2deg + var(--p) * 4deg));
    z-index:2;
}

.ha-phone-float{
    width:250px;
    height:330px;
    border-radius:38px;
    left:4%;
    bottom:24px;
    opacity:calc(.55 + var(--p) * .45);
    transform:
        translateY(calc((1 - var(--p)) * 80px))
        rotate(-10deg)
        scale(calc(.86 + var(--p) * .12));
    z-index:3;
}

.ha-story-chip{
    position:absolute;
    z-index:4;
    padding:12px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-weight:950;
    backdrop-filter:blur(18px);
}

.chip-a{right:4%;top:18%;transform:translateY(calc(var(--p) * -26px))}
.chip-b{left:8%;top:34%;transform:translateY(calc(var(--p) * 34px))}
.chip-c{right:18%;bottom:12%;transform:translateY(calc(var(--p) * -32px))}

.ha-story-steps{
    position:relative;
    z-index:5;
    margin-top:-100vh;
    padding-top:112vh;
    padding-bottom:70vh;
    width:min(1220px,calc(100% - 34px));
    margin-right:auto;
    margin-left:auto;
}

.ha-story-step{
    min-height:86vh;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.ha-story-step div{
    width:min(520px,100%);
    padding:26px;
    border-radius:30px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 30px 90px rgba(0,0,0,.25);
    backdrop-filter:blur(22px);
    opacity:.34;
    transform:translateY(28px) scale(.96);
    transition:.45s ease;
}

.ha-story-step.active div{
    opacity:1;
    transform:translateY(0) scale(1);
}

.ha-story-step span{
    color:#f9a8d4;
    font-weight:950;
    font-size:13px;
}

.ha-story-step h3{
    margin:10px 0 10px;
    font-size:30px;
    font-weight:950;
}

.ha-story-step p{
    margin:0;
    color:rgba(255,255,255,.72);
    line-height:2;
    font-weight:740;
}

.ha-packages{
    padding:120px 0;
    background:
        radial-gradient(circle at 10% 0%,rgba(236,72,153,.16),transparent 30%),
        linear-gradient(180deg,#fff 0%,#fff6fb 100%);
}

.ha-package-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.ha-package-card{
    min-height:320px;
    padding:28px;
    border-radius:34px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(236,72,153,.14);
    box-shadow:0 26px 74px rgba(157,23,77,.09);
    backdrop-filter:blur(18px);
    transition:.35s ease;
}

.ha-package-card:hover{
    transform:translateY(-10px);
    box-shadow:0 38px 96px rgba(157,23,77,.15);
}

.ha-package-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.ha-package-card h3{
    margin:0;
    font-size:22px;
    font-weight:950;
    line-height:1.6;
}

.ha-prices{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}

.ha-price-main,
.ha-price-usd{
    display:inline-flex;
    white-space:nowrap;
    border-radius:999px;
    font-weight:950;
    font-size:12px;
}

.ha-price-main{
    padding:8px 12px;
    background:#111827;
    color:#fff;
    box-shadow:0 14px 34px rgba(17,24,39,.20);
}

.ha-price-usd{
    padding:6px 10px;
    color:#be185d;
    background:#fff;
    border:1px solid rgba(236,72,153,.20);
}

.ha-package-card p{
    color:#765266;
    line-height:2;
    min-height:58px;
}

.ha-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:18px 0 24px;
}

.ha-tags span{
    padding:7px 10px;
    border-radius:999px;
    color:#be185d;
    background:rgba(236,72,153,.09);
    font-size:12px;
    font-weight:900;
}

.ha-more{
    display:flex;
    justify-content:center;
    margin-top:26px;
}

.ha-about{
    padding:90px 0;
    background:#fff6fb;
}

.ha-about-card{
    display:grid;
    grid-template-columns:90px minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    padding:30px;
    border-radius:36px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(236,72,153,.14);
    box-shadow:0 28px 76px rgba(157,23,77,.09);
}

.ha-about-icon{
    width:86px;
    height:86px;
    border-radius:28px;
    display:grid;
    place-items:center;
    overflow:hidden;
    color:#fff;
    background:linear-gradient(135deg,#f9a8d4,#ec4899,#9f1239);
    font-size:34px;
    font-weight:950;
}

.ha-about-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ha-final{
    padding:110px 0 130px;
    background:#fff;
}

.ha-final-card{
    min-height:520px;
    border-radius:48px;
    display:grid;
    place-items:center;
    text-align:center;
    padding:42px;
    background:
        radial-gradient(circle at 50% 10%,rgba(249,168,212,.24),transparent 34%),
        linear-gradient(135deg,#111827,#321623 54%,#9f1239);
    color:#fff;
    box-shadow:0 42px 120px rgba(36,20,34,.22);
}

.ha-final-card p{
    max-width:620px;
    color:rgba(255,255,255,.75);
}

.ha-final-card .ha-btn{
    margin-top:28px;
}

[data-reveal]{
    opacity:0;
    transform:translateY(42px) scale(.985);
    filter:blur(10px);
    transition:opacity .82s ease, transform .82s cubic-bezier(.18,.8,.22,1), filter .82s ease;
}

[data-reveal].in-view{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
}

@keyframes haBlob{to{transform:translate(38px,30px) scale(1.08)}}
@keyframes haDeviceFloat{50%{transform:rotateY(-2deg) rotateX(4deg) translateY(-14px)}}
@keyframes haWheel{0%{opacity:0;transform:translate(50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(50%,12px)}}
@keyframes haRotate{to{transform:rotate(360deg)}}

@media(max-width:991px){
    .ha-hero{min-height:auto;padding:48px 0 70px}
    .ha-hero-grid{grid-template-columns:1fr;min-height:auto;gap:34px}
    .ha-hero-copy{text-align:center}
    .ha-hero p{margin:auto}
    .ha-actions{justify-content:center}
    .ha-device{min-height:430px;transform:none;border-radius:36px}
    .ha-device img{min-height:430px}
    .ha-highlight-grid,.ha-package-grid{grid-template-columns:1fr}
    .ha-story{min-height:auto;padding:80px 0;background:#08050a}
    .ha-story-sticky{position:relative;height:auto;overflow:visible}
    .ha-story-stage{grid-template-columns:1fr;gap:34px}
    .ha-story-copy{text-align:center}
    .ha-story-copy p{margin:auto}
    .ha-story-visual{height:470px}
    .ha-phone-main{height:430px}
    .ha-phone-float{width:190px;height:250px}
    .ha-story-steps{margin-top:0;padding:34px 0 0}
    .ha-story-step{min-height:auto;margin-bottom:18px}
    .ha-story-step div{opacity:1;transform:none}
    .ha-about-card{grid-template-columns:1fr;text-align:center}
    .ha-about-icon{margin:auto}
}

@media(max-width:575px){
    .ha-wrap{width:min(100% - 24px,1220px)}
    .ha-hero h1{font-size:42px;letter-spacing:-.04em}
    .ha-section-title h2,.ha-about-card h2,.ha-final-card h2{font-size:32px}
    .ha-actions{display:grid;grid-template-columns:1fr}
    .ha-btn{width:100%}
    .ha-device{min-height:320px}
    .ha-device img{min-height:320px}
    .ha-highlight-grid article,.ha-package-card,.ha-about-card{padding:22px;border-radius:28px}
    .ha-package-head{display:block}
    .ha-prices{margin-top:12px}
    .ha-story-visual{height:360px}
    .ha-phone-main{height:330px;border-radius:34px}
    .ha-phone-float{display:none}
    .ha-story-chip{font-size:11px;padding:9px 11px}
    .ha-final-card{min-height:430px;border-radius:34px}
}

@media(prefers-reduced-motion:reduce){
    .home-apple *,
    .home-apple *::before,
    .home-apple *::after{
        animation:none!important;
        transition:none!important;
    }
    [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}
}


/* HOME-DESKTOP-APPLE-FIX-20260623-START */

/*
  فقط دسکتاپ:
  - موبایل دست نمی‌خورد
  - ارتباط index با admin/home_sections قطع نمی‌شود
  - فقط فاصله‌ها، بک‌گراندها و story section اصلاح می‌شود
*/

@media (min-width: 992px){

    .home-apple{
        background:
            radial-gradient(circle at 12% 0%, rgba(236,72,153,.10), transparent 28%),
            radial-gradient(circle at 88% 18%, rgba(249,168,212,.12), transparent 30%),
            linear-gradient(180deg,#fff7fb 0%,#ffffff 34%,#fff7fb 68%,#ffffff 100%) !important;
    }

    .ha-wrap{
        width:min(1180px, calc(100% - 56px)) !important;
    }

    /* Hero دسکتاپ جمع‌وجورتر و پرتر */
    .ha-hero{
        min-height:100vh !important;
        padding:34px 0 70px !important;
        background:
            radial-gradient(circle at 16% 8%, rgba(236,72,153,.20), transparent 34%),
            radial-gradient(circle at 86% 16%, rgba(249,168,212,.24), transparent 32%),
            linear-gradient(180deg,#fff6fb 0%,#fff 78%) !important;
    }

    .ha-hero-grid{
        min-height:690px !important;
        grid-template-columns:minmax(0,1.03fr) minmax(390px,.86fr) !important;
        gap:48px !important;
    }

    .ha-hero h1{
        font-size:clamp(54px,5.6vw,96px) !important;
        line-height:1.05 !important;
        max-width:760px !important;
    }

    .ha-device{
        min-height:590px !important;
        border-radius:48px !important;
        box-shadow:0 38px 100px rgba(100,21,62,.18) !important;
    }

    .ha-device img{
        min-height:590px !important;
    }

    .ha-highlights{
        padding:88px 0 86px !important;
        background:
            linear-gradient(180deg,#fff 0%,#fff8fc 100%) !important;
    }

    .ha-highlight-grid article{
        min-height:280px !important;
    }

    /*
      مشکل اصلی دسکتاپ:
      قبلاً ha-story خیلی بلند بود و وسطش خالی دیده می‌شد.
      اینجا کوتاه‌تر، پرتر و مثل سکشن Apple sticky نگه داشته می‌شود.
    */
    .ha-story{
        min-height:315vh !important;
        margin:0 !important;
        background:
            radial-gradient(circle at 18% 18%, rgba(236,72,153,.24), transparent 30%),
            radial-gradient(circle at 78% 48%, rgba(249,168,212,.12), transparent 34%),
            linear-gradient(180deg,#08050a 0%,#170812 45%,#260d1d 100%) !important;
        overflow:clip !important;
    }

    .ha-story::before{
        content:"Mina FitCoach";
        position:sticky;
        top:18vh;
        display:block;
        height:0;
        text-align:center;
        font-size:clamp(82px,10vw,170px);
        line-height:1;
        font-weight:950;
        letter-spacing:-.08em;
        color:rgba(255,255,255,.035);
        pointer-events:none;
        z-index:0;
    }

    .ha-story-sticky{
        height:100vh !important;
        top:0 !important;
        z-index:2 !important;
    }

    .ha-story-stage{
        width:min(1180px, calc(100% - 56px)) !important;
        grid-template-columns:minmax(390px,.82fr) minmax(460px,1fr) !important;
        gap:46px !important;
        position:relative !important;
        z-index:2 !important;
    }

    .ha-story-copy{
        padding:28px !important;
        border-radius:34px !important;
        background:rgba(255,255,255,.075) !important;
        border:1px solid rgba(255,255,255,.13) !important;
        box-shadow:0 28px 90px rgba(0,0,0,.22) !important;
        backdrop-filter:blur(22px) !important;
        -webkit-backdrop-filter:blur(22px) !important;
    }

    .ha-story-copy h2{
        font-size:clamp(42px,4.3vw,72px) !important;
        line-height:1.18 !important;
    }

    .ha-story-copy p{
        font-size:16px !important;
        line-height:2.05 !important;
    }

    .ha-story-visual{
        height:540px !important;
        opacity:1 !important;
        filter:none !important;
    }

    .ha-orbit{
        width:500px !important;
        height:500px !important;
        opacity:.72 !important;
    }

    .ha-phone-main{
        width:360px !important;
        height:500px !important;
        border-radius:46px !important;
    }

    .ha-phone-float{
        width:210px !important;
        height:285px !important;
        border-radius:34px !important;
        left:0 !important;
        bottom:28px !important;
    }

    .ha-story-chip{
        box-shadow:0 18px 48px rgba(0,0,0,.22) !important;
    }

    .chip-a{right:2% !important; top:15% !important;}
    .chip-b{left:4% !important; top:32% !important;}
    .chip-c{right:18% !important; bottom:10% !important;}

    .ha-story-steps{
        width:min(1180px, calc(100% - 56px)) !important;
        margin-top:-100vh !important;
        padding-top:92vh !important;
        padding-bottom:20vh !important;
        position:relative !important;
        z-index:4 !important;
    }

    .ha-story-step{
        min-height:48vh !important;
        align-items:center !important;
    }

    .ha-story-step:nth-child(odd){
        justify-content:flex-start !important;
    }

    .ha-story-step:nth-child(even){
        justify-content:flex-end !important;
    }

    .ha-story-step div{
        width:min(430px,100%) !important;
        padding:22px 24px !important;
        border-radius:28px !important;
        background:rgba(255,255,255,.095) !important;
        border:1px solid rgba(255,255,255,.15) !important;
        box-shadow:0 26px 80px rgba(0,0,0,.24) !important;
    }

    .ha-story-step h3{
        font-size:27px !important;
        line-height:1.55 !important;
    }

    .ha-story-step p{
        font-size:14px !important;
        line-height:2 !important;
    }

    /*
      یکپارچه کردن بک‌گراند پایین صفحه:
      پکیج، درباره و CTA دیگر مثل تکه‌های جدا دیده نمی‌شوند.
    */
    .ha-packages,
    .ha-about,
    .ha-final{
        background:
            radial-gradient(circle at 12% 0%, rgba(236,72,153,.12), transparent 32%),
            radial-gradient(circle at 88% 22%, rgba(249,168,212,.13), transparent 34%),
            linear-gradient(180deg,#fff7fb 0%,#ffffff 54%,#fff7fb 100%) !important;
    }

    .ha-packages{
        padding:92px 0 52px !important;
        margin:0 !important;
    }

    .ha-about{
        padding:48px 0 52px !important;
        margin:0 !important;
    }

    .ha-final{
        padding:56px 0 96px !important;
        margin:0 !important;
    }

    .ha-package-grid{
        gap:18px !important;
    }

    .ha-package-card{
        min-height:292px !important;
        padding:26px !important;
        border-radius:32px !important;
    }

    .ha-about-card{
        max-width:940px !important;
        margin:0 auto !important;
        border-radius:34px !important;
    }

    .ha-final-card{
        max-width:940px !important;
        min-height:360px !important;
        margin:0 auto !important;
        border-radius:38px !important;
        padding:36px !important;
    }

    .ha-final-card h2{
        font-size:clamp(34px,4vw,60px) !important;
    }
}

@media (min-width: 1500px){
    .ha-wrap,
    .ha-story-stage,
    .ha-story-steps{
        width:min(1240px, calc(100% - 80px)) !important;
    }

    .ha-story{
        min-height:300vh !important;
    }

    .ha-story-step{
        min-height:44vh !important;
    }
}

/* HOME-DESKTOP-APPLE-FIX-20260623-END */


/* HOME-UNIFIED-BG-20260623-START */

/*
  هدف:
  - همه بخش‌های روشن صفحه اصلی یک بک‌گراند واحد داشته باشند
  - بین packages / about / cta / footer مرز رنگی توی ذوق نزند
  - فقط CSS، بدون دست زدن به admin/data/routes
*/

html:has(.home-apple),
body:has(.home-apple){
    background:
        radial-gradient(circle at 10% 0%, rgba(236,72,153,.08), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(249,168,212,.10), transparent 32%),
        linear-gradient(180deg,#fff8fc 0%,#fffdfd 28%,#fff7fb 58%,#fffdfd 100%) !important;
}

/* بک‌گراند اصلی کل صفحه */
.home-apple{
    background:
        radial-gradient(circle at 10% 0%, rgba(236,72,153,.08), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(249,168,212,.10), transparent 32%),
        linear-gradient(180deg,#fff8fc 0%,#fffdfd 28%,#fff7fb 58%,#fffdfd 100%) !important;
    position:relative;
}

/* تمام سکشن‌های روشن شفاف شوند تا یکدست دیده شوند */
.ha-hero,
.ha-highlights,
.ha-packages,
.ha-about,
.ha-final{
    background:transparent !important;
    position:relative;
}

/* فضای بین سکشن‌ها نرم‌تر و یکپارچه‌تر */
.ha-highlights{
    padding-top:88px !important;
    padding-bottom:82px !important;
}

.ha-packages{
    padding-top:82px !important;
    padding-bottom:42px !important;
    margin:0 !important;
}

.ha-about{
    padding-top:34px !important;
    padding-bottom:42px !important;
    margin:0 !important;
}

.ha-final{
    padding-top:42px !important;
    padding-bottom:80px !important;
    margin:0 !important;
}

/* اگر footer بیرون از main باشد، باز هم هم‌رنگ بماند */
body:has(.home-apple) footer,
body:has(.home-apple) .site-footer,
body:has(.home-apple) .footer,
body:has(.home-apple) #footer{
    background:transparent !important;
    box-shadow:none !important;
    border-top:1px solid rgba(236,72,153,.08) !important;
}

/* اگر کانتینر خود footer کارت دارد، با صفحه هماهنگ شود */
body:has(.home-apple) footer .container,
body:has(.home-apple) .site-footer .container,
body:has(.home-apple) .footer .container,
body:has(.home-apple) #footer .container{
    background:rgba(255,255,255,.62) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    border:1px solid rgba(236,72,153,.12) !important;
    box-shadow:0 20px 50px rgba(157,23,77,.07) !important;
}

/* خود کارت‌های about و final روی همان صفحه شناور بمانند */
.ha-about-card,
.ha-final-card{
    position:relative;
    z-index:2;
}

/* دسکتاپ: مرزهای رنگی کمتر حس شوند */
@media (min-width: 992px){
    .ha-wrap{
        width:min(1180px, calc(100% - 56px)) !important;
    }

    .ha-packages,
    .ha-about,
    .ha-final{
        background:transparent !important;
    }

    .ha-final-card{
        max-width:940px !important;
        margin:0 auto !important;
    }

    .ha-about-card{
        max-width:940px !important;
        margin:0 auto !important;
    }
}

/* موبایل را خراب نکن */
@media (max-width: 991px){
    .ha-packages{
        padding-top:64px !important;
        padding-bottom:28px !important;
    }

    .ha-about{
        padding-top:24px !important;
        padding-bottom:28px !important;
    }

    .ha-final{
        padding-top:28px !important;
        padding-bottom:54px !important;
    }
}

/* HOME-UNIFIED-BG-20260623-END */


/* HOME-CTA-FOOTER-SAME-BG-20260623-START */

/*
  یکی کردن بک‌گراند بخش CTA و Footer
  فقط صفحه اصلی؛ ادمین/داشبورد/پنل دست نمی‌خورد
*/

body:has(.home-apple){
    background:#fff8fc !important;
}

/* از پکیج به بعد یک بوم واحد */
.home-apple .ha-packages,
.home-apple .ha-about,
.home-apple .ha-final{
    background:
        radial-gradient(circle at 14% 12%, rgba(236,72,153,.075), transparent 31%),
        radial-gradient(circle at 88% 26%, rgba(249,168,212,.105), transparent 33%),
        linear-gradient(180deg,#fff8fc 0%,#fffafd 44%,#fff8fc 100%) !important;
}

/* مرز بین final و footer حذف شود */
.home-apple .ha-final{
    margin-bottom:0 !important;
    padding-bottom:72px !important;
    border-bottom:0 !important;
}

/* footer چون بیرون main است باید جدا هدف بگیرد */
body:has(.home-apple) footer,
body:has(.home-apple) .footer,
body:has(.home-apple) .site-footer,
body:has(.home-apple) .glass-footer,
body:has(.home-apple) .main-footer,
body:has(.home-apple) .public-footer{
    background:
        radial-gradient(circle at 14% 0%, rgba(236,72,153,.075), transparent 31%),
        radial-gradient(circle at 88% 20%, rgba(249,168,212,.105), transparent 33%),
        linear-gradient(180deg,#fff8fc 0%,#fffafd 54%,#fff8fc 100%) !important;
    border-top:0 !important;
    box-shadow:none !important;
    margin-top:0 !important;
}

/* اگر footer خودش wrapper داخلی رنگی دارد */
body:has(.home-apple) footer > *,
body:has(.home-apple) .footer > *,
body:has(.home-apple) .site-footer > *,
body:has(.home-apple) .glass-footer > *,
body:has(.home-apple) .main-footer > *,
body:has(.home-apple) .public-footer > *{
    background:transparent !important;
}

/* کارت داخلی footer همان شیشه‌ای بماند ولی رنگ پشتش یکی شود */
body:has(.home-apple) footer .container,
body:has(.home-apple) .footer .container,
body:has(.home-apple) .site-footer .container,
body:has(.home-apple) .glass-footer .container,
body:has(.home-apple) .main-footer .container,
body:has(.home-apple) .public-footer .container{
    background:
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,247,251,.72)) !important;
    border:1px solid rgba(236,72,153,.13) !important;
    box-shadow:0 24px 70px rgba(157,23,77,.08) !important;
    backdrop-filter:blur(20px) !important;
    -webkit-backdrop-filter:blur(20px) !important;
}

/* خط افقی بالای footer اگر از before/after آمده باشد */
body:has(.home-apple) footer::before,
body:has(.home-apple) footer::after,
body:has(.home-apple) .footer::before,
body:has(.home-apple) .footer::after,
body:has(.home-apple) .site-footer::before,
body:has(.home-apple) .site-footer::after,
body:has(.home-apple) .glass-footer::before,
body:has(.home-apple) .glass-footer::after{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* دسکتاپ دقیق‌تر: فاصله سفید چپ و راست CTA با footer یکی شود */
@media(min-width:992px){
    .home-apple .ha-about{
        padding-bottom:34px !important;
    }

    .home-apple .ha-final{
        padding-top:34px !important;
        padding-bottom:64px !important;
        background:
            radial-gradient(circle at 14% 8%, rgba(236,72,153,.075), transparent 31%),
            radial-gradient(circle at 88% 22%, rgba(249,168,212,.105), transparent 33%),
            linear-gradient(180deg,#fff8fc 0%,#fffafd 45%,#fff8fc 100%) !important;
    }

    body:has(.home-apple) footer,
    body:has(.home-apple) .footer,
    body:has(.home-apple) .site-footer,
    body:has(.home-apple) .glass-footer,
    body:has(.home-apple) .main-footer,
    body:has(.home-apple) .public-footer{
        padding-top:0 !important;
        background:
            radial-gradient(circle at 14% 0%, rgba(236,72,153,.075), transparent 31%),
            radial-gradient(circle at 88% 18%, rgba(249,168,212,.105), transparent 33%),
            linear-gradient(180deg,#fff8fc 0%,#fffafd 45%,#fff8fc 100%) !important;
    }
}

/* موبایل قبلاً خوب بود؛ فقط رنگ یکی باشد */
@media(max-width:991px){
    .home-apple .ha-final,
    body:has(.home-apple) footer,
    body:has(.home-apple) .footer,
    body:has(.home-apple) .site-footer,
    body:has(.home-apple) .glass-footer{
        background:#fff8fc !important;
    }
}

/* HOME-CTA-FOOTER-SAME-BG-20260623-END */


/* HOME-FOOTER-EXACT-FIX-20260623 */
/* فقط صفحه اصلی: یکی کردن فضای CTA و Footer */

body:has(.home-apple){
    background:#fff8fc !important;
}

/* پایین صفحه اصلی تا فوتر یک بوم شود */
.home-apple .ha-final{
    background:
        radial-gradient(circle at 14% 0%, rgba(236,72,153,.075), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(249,168,212,.105), transparent 34%),
        linear-gradient(180deg,#fff8fc 0%,#fffafd 48%,#fff8fc 100%) !important;
    margin-bottom:0 !important;
    padding-bottom:58px !important;
}

/* کلاس دقیق فوتر پروژه */
body:has(.home-apple) .footer.footer-pro,
body:has(.home-apple) footer.footer-pro{
    margin-top:0 !important;
    padding-top:0 !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(236,72,153,.075), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(249,168,212,.105), transparent 34%),
        linear-gradient(180deg,#fff8fc 0%,#fffafd 48%,#fff8fc 100%) !important;
    border-top:0 !important;
    box-shadow:none !important;
}

/* Bootstrap mt-5 را برای فوتر صفحه اصلی خنثی کن */
body:has(.home-apple) .footer-pro.mt-5{
    margin-top:0 !important;
}

/* container فوتر نباید خودش بک‌گراند جدا بسازد */
body:has(.home-apple) .footer-pro > .container{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}

/* کارت فوتر با همان تم CTA هماهنگ شود */
body:has(.home-apple) .footer-pro .footer-card{
    background:
        radial-gradient(circle at 100% 0%, rgba(236,72,153,.11), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(249,168,212,.10), transparent 34%),
        linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,248,252,.70)) !important;
    border:1px solid rgba(236,72,153,.13) !important;
    box-shadow:0 24px 70px rgba(157,23,77,.08) !important;
    backdrop-filter:blur(20px) !important;
    -webkit-backdrop-filter:blur(20px) !important;
}

/* خط جداکننده داخل فوتر نرم‌تر شود */
body:has(.home-apple) .footer-pro .footer-bottom{
    border-top:1px solid rgba(236,72,153,.10) !important;
}

/* لکه‌های اضافه footer کنترل شود */
body:has(.home-apple) .footer-pro .footer-card::before{
    background:rgba(236,72,153,.075) !important;
}

/* دسکتاپ: فاصله دقیق‌تر */
@media(min-width:992px){
    .home-apple .ha-final{
        padding-bottom:50px !important;
    }

    body:has(.home-apple) .footer.footer-pro,
    body:has(.home-apple) footer.footer-pro{
        padding-bottom:28px !important;
    }
}

/* موبایل دست نخورد، فقط رنگ یکی باشد */
@media(max-width:991px){
    .home-apple .ha-final,
    body:has(.home-apple) .footer.footer-pro,
    body:has(.home-apple) footer.footer-pro{
        background:#fff8fc !important;
    }
}

/* HOME-ONE-CANVAS-FINAL-20260623 */
/* صفحه اصلی یک بوم واحد؛ حذف اختلاف رنگ بین سکشن‌ها */

/* چون این فایل فقط در index لود می‌شود، این body فقط صفحه اصلی را تحت تاثیر می‌گذارد */
body:not(.admin-body){
    background:#fff8fc !important;
}

/* کل صفحه اصلی یک رنگ/گرادیان واحد */
.home-apple{
    background:
        radial-gradient(circle at 12% 5%, rgba(236,72,153,.055), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(249,168,212,.070), transparent 32%),
        linear-gradient(180deg,#fff8fc 0%,#fff8fc 100%) !important;
}

/* همه سکشن‌های روشن شفاف؛ دیگر هرکدام رنگ جدا ندهند */
.home-apple .ha-hero,
.home-apple .ha-highlights,
.home-apple .ha-packages,
.home-apple .ha-about,
.home-apple .ha-final{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* حذف مرزهای افقی احتمالی */
.home-apple .ha-hero::before,
.home-apple .ha-hero::after,
.home-apple .ha-highlights::before,
.home-apple .ha-highlights::after,
.home-apple .ha-packages::before,
.home-apple .ha-packages::after,
.home-apple .ha-about::before,
.home-apple .ha-about::after,
.home-apple .ha-final::before,
.home-apple .ha-final::after{
    display:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* فاصله‌ها نرم و یکدست */
.home-apple .ha-packages{
    padding-top:84px !important;
    padding-bottom:34px !important;
    margin:0 !important;
}

.home-apple .ha-about{
    padding-top:34px !important;
    padding-bottom:34px !important;
    margin:0 !important;
}

.home-apple .ha-final{
    padding-top:34px !important;
    padding-bottom:46px !important;
    margin:0 !important;
}

/* footer دقیق پروژه؛ چون فایل فقط صفحه اصلی لود شده، امن است */
.footer.footer-pro,
footer.footer-pro{
    margin-top:0 !important;
    padding-top:0 !important;
    background:#fff8fc !important;
    border-top:0 !important;
    box-shadow:none !important;
}

/* mt-5 بوت‌استرپ */
.footer-pro.mt-5{
    margin-top:0 !important;
}

/* کانتینر فوتر هم رنگ جدا نسازد */
.footer-pro > .container{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* کارت فوتر فقط کارت شیشه‌ای باشد، نه سکشن رنگی جدا */
.footer-pro .footer-card{
    background:
        linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,248,252,.72)) !important;
    border:1px solid rgba(236,72,153,.13) !important;
    box-shadow:0 22px 64px rgba(157,23,77,.075) !important;
    backdrop-filter:blur(20px) !important;
    -webkit-backdrop-filter:blur(20px) !important;
}

/* خط داخلی فوتر نرم‌تر */
.footer-pro .footer-bottom{
    border-top:1px solid rgba(236,72,153,.10) !important;
}

/* دسکتاپ دقیق‌تر */
@media(min-width:992px){
    .home-apple .ha-packages{
        padding-top:76px !important;
        padding-bottom:28px !important;
    }

    .home-apple .ha-about{
        padding-top:28px !important;
        padding-bottom:28px !important;
    }

    .home-apple .ha-final{
        padding-top:28px !important;
        padding-bottom:42px !important;
    }

    .footer.footer-pro,
    footer.footer-pro{
        padding-bottom:28px !important;
    }
}

/* موبایل همان خوب بماند */
@media(max-width:991px){
    .home-apple,
    .home-apple .ha-packages,
    .home-apple .ha-about,
    .home-apple .ha-final,
    .footer.footer-pro,
    footer.footer-pro{
        background:#fff8fc !important;
    }
}

/* HOME-LAST-BG-MATCH-20260623 */
/* یکی کردن دقیق بک‌گراند CTA و Footer */

body:not(.admin-body){
    background:#fff7fb !important;
}

/* این دو قسمت دقیقاً یک رنگ شوند */
.home-apple .ha-final,
.footer.footer-pro,
footer.footer-pro{
    background:#fff7fb !important;
    background-image:none !important;
    margin-top:0 !important;
    border-top:0 !important;
    box-shadow:none !important;
}

/* جلوگیری از خط بین این دو بخش */
.home-apple .ha-final{
    margin-bottom:-1px !important;
    padding-bottom:52px !important;
}

.footer.footer-pro,
footer.footer-pro{
    padding-top:0 !important;
}

/* اگر خود container یا wrapper رنگ ساخته باشد */
.footer-pro > .container{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* کارت فوتر فقط کارت باشد، نه رنگ سکشن */
.footer-pro .footer-card{
    background:
        linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,248,252,.72)) !important;
    border:1px solid rgba(236,72,153,.13) !important;
    box-shadow:0 24px 70px rgba(157,23,77,.075) !important;
}

/* خود main هم پایینش رنگ جدا نسازد */
.home-apple{
    background:#fff7fb !important;
    background-image:none !important;
}

/* اما بخش تیره story دست نخورد */
.home-apple .ha-story{
    background:
        radial-gradient(circle at 18% 18%, rgba(236,72,153,.24), transparent 30%),
        radial-gradient(circle at 78% 48%, rgba(249,168,212,.12), transparent 34%),
        linear-gradient(180deg,#08050a 0%,#170812 45%,#260d1d 100%) !important;
}

/* موبایل همان رنگ */
@media(max-width:991px){
    .home-apple .ha-final,
    .footer.footer-pro,
    footer.footer-pro{
        background:#fff7fb !important;
        background-image:none !important;
    }
}

/* HOME-BODY-CANVAS-FINAL-20260623 */
/* فیکس نهایی اختلاف رنگ بین CTA و Footer فقط برای صفحه اصلی */

body.home-index-page{
    background:#fff7fb !important;
    background-image:none !important;
}

/* استایل عمومی قبلی body::before در style.css را برای Home خاموش کن */
body.home-index-page::before,
body.home-index-page::after{
    display:none !important;
    content:none !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* چون footer بیرون main است، خود main هم باید همان رنگ را بگیرد */
body.home-index-page main{
    background:#fff7fb !important;
    background-image:none !important;
}

/* خود صفحه اصلی */
body.home-index-page .home-apple{
    background:#fff7fb !important;
    background-image:none !important;
}

/* همه سکشن‌های روشن یک رنگ واحد */
body.home-index-page .home-apple .ha-hero,
body.home-index-page .home-apple .ha-highlights,
body.home-index-page .home-apple .ha-packages,
body.home-index-page .home-apple .ha-about,
body.home-index-page .home-apple .ha-final{
    background:#fff7fb !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* بخش تیره Apple-style دست نخورد */
body.home-index-page .home-apple .ha-story{
    background:
        radial-gradient(circle at 18% 18%, rgba(236,72,153,.24), transparent 30%),
        radial-gradient(circle at 78% 48%, rgba(249,168,212,.12), transparent 34%),
        linear-gradient(180deg,#08050a 0%,#170812 45%,#260d1d 100%) !important;
}

/* فاصله آخر Home تا Footer کاملاً یکی شود */
body.home-index-page .home-apple .ha-final{
    margin-bottom:-1px !important;
    padding-bottom:48px !important;
}

/* footer دقیق پروژه */
body.home-index-page footer.footer.footer-pro,
body.home-index-page .footer.footer-pro,
body.home-index-page footer.footer-pro{
    margin-top:0 !important;
    padding-top:0 !important;
    background:#fff7fb !important;
    background-image:none !important;
    border-top:0 !important;
    box-shadow:none !important;
}

/* حذف mt-5 بوت‌استرپ */
body.home-index-page .footer-pro.mt-5{
    margin-top:0 !important;
}

/* container فوتر رنگ نسازد */
body.home-index-page .footer-pro > .container{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* کارت فوتر فقط روی همان بوم شناور باشد */
body.home-index-page .footer-pro .footer-card{
    background:
        linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,248,252,.74)) !important;
    border:1px solid rgba(236,72,153,.13) !important;
    box-shadow:0 22px 64px rgba(157,23,77,.075) !important;
    backdrop-filter:blur(20px) !important;
    -webkit-backdrop-filter:blur(20px) !important;
}

/* لکه داخل footer-card خیلی نرم شود */
body.home-index-page .footer-pro .footer-card::before{
    background:rgba(236,72,153,.055) !important;
}

/* خط داخلی footer */
body.home-index-page .footer-pro .footer-bottom{
    border-top:1px solid rgba(236,72,153,.10) !important;
}

/* برای جلوگیری از هر خط افقی بین main و footer */
body.home-index-page main + footer,
body.home-index-page main + .footer{
    border-top:0 !important;
    margin-top:0 !important;
}

/* دسکتاپ */
@media(min-width:992px){
    body.home-index-page .home-apple .ha-final{
        padding-bottom:46px !important;
    }

    body.home-index-page footer.footer.footer-pro,
    body.home-index-page .footer.footer-pro{
        padding-bottom:28px !important;
    }
}

/* موبایل همان عالی بماند */
@media(max-width:991px){
    body.home-index-page,
    body.home-index-page main,
    body.home-index-page .home-apple,
    body.home-index-page .home-apple .ha-final,
    body.home-index-page footer.footer.footer-pro,
    body.home-index-page .footer.footer-pro{
        background:#fff7fb !important;
        background-image:none !important;
    }
}

/* HOME-MOBILE-STORY-PERFORMANCE-20260623 */
/* رفع گیر/هنگ اسکرول در موبایل؛ دسکتاپ دست نمی‌خورد */

@media(max-width:991px){

    html,
    body.home-index-page{
        scroll-behavior:auto !important;
        overscroll-behavior-y:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }

    body.home-index-page .ha-story{
        min-height:auto !important;
        height:auto !important;
        padding:52px 0 !important;
        overflow:visible !important;
        background:
            linear-gradient(180deg,#08050a 0%,#160914 48%,#08050a 100%) !important;
        contain:layout paint !important;
    }

    body.home-index-page .ha-story::before{
        display:none !important;
        content:none !important;
    }

    body.home-index-page .ha-story-sticky{
        position:relative !important;
        top:auto !important;
        height:auto !important;
        min-height:0 !important;
        display:block !important;
        overflow:visible !important;
        transform:none !important;
    }

    body.home-index-page .ha-story-stage{
        width:min(100% - 24px, 760px) !important;
        display:block !important;
        margin:0 auto !important;
        transform:none !important;
    }

    body.home-index-page .ha-story-copy{
        text-align:center !important;
        padding:22px !important;
        border-radius:28px !important;
        background:rgba(255,255,255,.08) !important;
        border:1px solid rgba(255,255,255,.12) !important;
        box-shadow:0 18px 42px rgba(0,0,0,.20) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        transform:none !important;
        filter:none !important;
    }

    body.home-index-page .ha-story-copy h2{
        font-size:34px !important;
        line-height:1.35 !important;
        letter-spacing:-.035em !important;
    }

    body.home-index-page .ha-story-copy p{
        font-size:14px !important;
        line-height:2 !important;
    }

    body.home-index-page .ha-story-visual{
        height:auto !important;
        min-height:0 !important;
        margin-top:24px !important;
        display:block !important;
        transform:none !important;
        filter:none !important;
        opacity:1 !important;
        contain:layout paint !important;
    }

    body.home-index-page .ha-orbit,
    body.home-index-page .ha-phone-float,
    body.home-index-page .ha-story-chip{
        display:none !important;
    }

    body.home-index-page .ha-phone-card,
    body.home-index-page .ha-phone-main{
        position:relative !important;
        inset:auto !important;
        width:min(100%, 360px) !important;
        height:420px !important;
        margin:0 auto !important;
        border-radius:34px !important;
        transform:none !important;
        opacity:1 !important;
        filter:none !important;
        box-shadow:0 22px 54px rgba(0,0,0,.30) !important;
        animation:none !important;
    }

    body.home-index-page .ha-phone-card img,
    body.home-index-page .ha-phone-main img{
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
        object-fit:cover !important;
        transform:none !important;
        filter:none !important;
        animation:none !important;
    }

    body.home-index-page .ha-story-steps{
        width:min(100% - 24px, 760px) !important;
        margin:24px auto 0 !important;
        padding:0 !important;
        position:relative !important;
        z-index:4 !important;
    }

    body.home-index-page .ha-story-step{
        min-height:0 !important;
        height:auto !important;
        display:block !important;
        margin:0 0 14px !important;
        transform:none !important;
    }

    body.home-index-page .ha-story-step div{
        width:100% !important;
        padding:18px !important;
        border-radius:24px !important;
        background:rgba(255,255,255,.085) !important;
        border:1px solid rgba(255,255,255,.12) !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        opacity:1 !important;
        transform:none !important;
        filter:none !important;
    }

    body.home-index-page .ha-story-step h3{
        font-size:22px !important;
        line-height:1.6 !important;
    }

    body.home-index-page .ha-story-step p{
        font-size:13px !important;
        line-height:1.95 !important;
    }

    body.home-index-page .ha-story *,
    body.home-index-page .ha-story *::before,
    body.home-index-page .ha-story *::after{
        transition:opacity .25s ease, transform .25s ease !important;
    }
}

@media(max-width:575px){
    body.home-index-page .ha-story{
        padding:42px 0 !important;
    }

    body.home-index-page .ha-story-copy h2{
        font-size:30px !important;
    }

    body.home-index-page .ha-phone-card,
    body.home-index-page .ha-phone-main{
        height:330px !important;
        border-radius:28px !important;
    }
}

/* HOME-MOBILE-SMOOTH-STORY-20260623 */
/* موبایل همچنان Apple-style بماند، ولی بدون گیر */

@media(max-width:991px){

    body.home-index-page .ha-story{
        --mp:0;
        --mi:0;
        min-height:360vh !important;
        height:auto !important;
        padding:0 !important;
        overflow:visible !important;
        background:
            radial-gradient(circle at 20% 18%, rgba(236,72,153,.20), transparent 32%),
            linear-gradient(180deg,#08050a 0%,#160914 50%,#08050a 100%) !important;
        contain:layout paint !important;
    }

    body.home-index-page .ha-story::before{
        display:none !important;
        content:none !important;
    }

    body.home-index-page .ha-story-sticky{
        position:sticky !important;
        top:0 !important;
        height:100svh !important;
        min-height:100svh !important;
        display:flex !important;
        align-items:center !important;
        overflow:hidden !important;
        transform:none !important;
        z-index:2 !important;
    }

    body.home-index-page .ha-story-stage{
        width:min(100% - 24px, 760px) !important;
        display:block !important;
        margin:0 auto !important;
        transform:none !important;
    }

    body.home-index-page .ha-story-copy{
        text-align:center !important;
        padding:18px !important;
        border-radius:26px !important;
        background:rgba(255,255,255,.075) !important;
        border:1px solid rgba(255,255,255,.12) !important;
        box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        transform:
            translate3d(0, calc((.5 - var(--mp)) * 18px), 0)
            scale(calc(.965 + (var(--mp) * .035))) !important;
        opacity:calc(.82 + (var(--mp) * .18)) !important;
        will-change:transform,opacity !important;
    }

    body.home-index-page .ha-story-copy span{
        margin-bottom:10px !important;
    }

    body.home-index-page .ha-story-copy h2{
        font-size:clamp(28px,8vw,38px) !important;
        line-height:1.35 !important;
        letter-spacing:-.035em !important;
        margin-bottom:10px !important;
    }

    body.home-index-page .ha-story-copy p{
        font-size:13px !important;
        line-height:1.95 !important;
    }

    body.home-index-page .ha-story-visual{
        height:43svh !important;
        min-height:300px !important;
        max-height:390px !important;
        margin-top:18px !important;
        display:grid !important;
        place-items:center !important;
        transform:
            translate3d(0, calc((.5 - var(--mp)) * -22px), 0)
            scale(calc(.92 + (var(--mp) * .08))) !important;
        opacity:1 !important;
        filter:none !important;
        will-change:transform,opacity !important;
        contain:layout paint !important;
    }

    body.home-index-page .ha-orbit{
        display:block !important;
        width:280px !important;
        height:280px !important;
        opacity:.45 !important;
        filter:none !important;
        animation:none !important;
        background:radial-gradient(circle,rgba(236,72,153,.28),transparent 64%) !important;
        transform:translate3d(0,0,0) scale(calc(.9 + var(--mp) * .16)) !important;
        will-change:transform !important;
    }

    body.home-index-page .ha-phone-float{
        display:none !important;
    }

    body.home-index-page .ha-phone-card,
    body.home-index-page .ha-phone-main{
        position:relative !important;
        inset:auto !important;
        width:min(78vw, 330px) !important;
        height:min(42svh, 370px) !important;
        min-height:280px !important;
        margin:0 auto !important;
        border-radius:32px !important;
        transform:
            translate3d(calc((var(--mp) - .5) * 18px), 0, 0)
            rotateZ(calc((var(--mp) - .5) * 4deg))
            scale(calc(.94 + var(--mp) * .06)) !important;
        opacity:1 !important;
        filter:none !important;
        box-shadow:0 22px 58px rgba(0,0,0,.34) !important;
        animation:none !important;
        will-change:transform,opacity !important;
        backface-visibility:hidden !important;
    }

    body.home-index-page .ha-phone-card img,
    body.home-index-page .ha-phone-main img{
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
        object-fit:cover !important;
        transform:none !important;
        filter:none !important;
        animation:none !important;
        backface-visibility:hidden !important;
    }

    body.home-index-page .ha-story-chip{
        display:inline-flex !important;
        padding:8px 11px !important;
        font-size:11px !important;
        border-radius:999px !important;
        background:rgba(255,255,255,.13) !important;
        border:1px solid rgba(255,255,255,.16) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        box-shadow:none !important;
        will-change:transform,opacity !important;
    }

    body.home-index-page .chip-a{
        right:3% !important;
        top:53% !important;
        transform:translate3d(0, calc(var(--mp) * -14px), 0) !important;
    }

    body.home-index-page .chip-b{
        left:4% !important;
        top:62% !important;
        transform:translate3d(0, calc(var(--mp) * 12px), 0) !important;
    }

    body.home-index-page .chip-c{
        right:35% !important;
        bottom:5% !important;
        transform:translate3d(0, calc(var(--mp) * -10px), 0) !important;
    }

    body.home-index-page .ha-story-steps{
        position:relative !important;
        z-index:4 !important;
        width:min(100% - 24px, 760px) !important;
        margin:-100svh auto 0 !important;
        padding-top:104svh !important;
        padding-bottom:48svh !important;
    }

    body.home-index-page .ha-story-step{
        min-height:66svh !important;
        height:auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
        transform:none !important;
    }

    body.home-index-page .ha-story-step div{
        width:100% !important;
        padding:18px !important;
        border-radius:24px !important;
        background:rgba(255,255,255,.085) !important;
        border:1px solid rgba(255,255,255,.12) !important;
        box-shadow:0 16px 42px rgba(0,0,0,.16) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        opacity:.28 !important;
        transform:translate3d(0,22px,0) scale(.96) !important;
        filter:none !important;
        transition:opacity .28s ease, transform .28s ease !important;
        will-change:opacity,transform !important;
    }

    body.home-index-page .ha-story-step.active div{
        opacity:1 !important;
        transform:translate3d(0,0,0) scale(1) !important;
    }

    body.home-index-page .ha-story-step h3{
        font-size:23px !important;
        line-height:1.6 !important;
    }

    body.home-index-page .ha-story-step p{
        font-size:13px !important;
        line-height:1.95 !important;
    }

    body.home-index-page .ha-story *{
        transition-property:opacity,transform !important;
    }
}

@media(max-width:575px){
    body.home-index-page .ha-story{
        min-height:345vh !important;
    }

    body.home-index-page .ha-story-copy h2{
        font-size:30px !important;
    }

    body.home-index-page .ha-story-visual{
        height:38svh !important;
        min-height:270px !important;
    }

    body.home-index-page .ha-phone-card,
    body.home-index-page .ha-phone-main{
        width:min(76vw, 300px) !important;
        height:min(36svh, 330px) !important;
    }

    body.home-index-page .ha-story-step{
        min-height:62svh !important;
    }
}

/* STORY-STEP-2-REVERSE-20260623 */
/* فقط در مرحله ۲ جای متن و عکس برعکس شود */

@media (min-width: 992px){

    body.home-index-page .ha-story .ha-story-stage{
        grid-template-areas: "visual copy" !important;
    }

    body.home-index-page .ha-story .ha-story-visual{
        grid-area: visual !important;
    }

    body.home-index-page .ha-story .ha-story-copy{
        grid-area: copy !important;
    }

    body.home-index-page .ha-story[data-active-step="2"] .ha-story-stage{
        grid-template-areas: "copy visual" !important;
        grid-template-columns: minmax(460px,1fr) minmax(390px,.82fr) !important;
    }

    body.home-index-page .ha-story[data-active-step="2"] .ha-story-copy{
        transform: translateX(-10px) !important;
    }

    body.home-index-page .ha-story[data-active-step="2"] .ha-story-visual{
        transform: translateX(10px) !important;
    }

    body.home-index-page .ha-story .ha-story-copy,
    body.home-index-page .ha-story .ha-story-visual{
        transition: transform .35s ease, opacity .35s ease !important;
    }
}

/* موبایل دست نخورد */
@media (max-width: 991px){
    body.home-index-page .ha-story[data-active-step="2"] .ha-story-copy,
    body.home-index-page .ha-story[data-active-step="2"] .ha-story-visual{
        transform: none !important;
    }
}

/* STORY-STEP-2-REVERSE-20260623 */
/* فقط در مرحله ۲ جای متن و عکس برعکس شود */

@media (min-width: 992px){

    body.home-index-page .ha-story .ha-story-stage{
        grid-template-areas: "visual copy" !important;
    }

    body.home-index-page .ha-story .ha-story-visual{
        grid-area: visual !important;
    }

    body.home-index-page .ha-story .ha-story-copy{
        grid-area: copy !important;
    }

    body.home-index-page .ha-story[data-active-step="2"] .ha-story-stage{
        grid-template-areas: "copy visual" !important;
        grid-template-columns: minmax(460px,1fr) minmax(390px,.82fr) !important;
    }

    body.home-index-page .ha-story[data-active-step="2"] .ha-story-copy{
        transform: translateX(-10px) !important;
    }

    body.home-index-page .ha-story[data-active-step="2"] .ha-story-visual{
        transform: translateX(10px) !important;
    }

    body.home-index-page .ha-story .ha-story-copy,
    body.home-index-page .ha-story .ha-story-visual{
        transition: transform .35s ease, opacity .35s ease !important;
    }
}

/* موبایل دست نخورد */
@media (max-width: 991px){
    body.home-index-page .ha-story[data-active-step="2"] .ha-story-copy,
    body.home-index-page .ha-story[data-active-step="2"] .ha-story-visual{
        transform: none !important;
    }
}

/* HIGHLIGHTS-EMOJI-STATIC-20260624 */
.ha-highlight-grid article b{
    font-size:30px !important;
    line-height:1 !important;
    background:linear-gradient(135deg,#fff,#fff3fa) !important;
    color:#111827 !important;
    border:1px solid rgba(236,72,153,.18) !important;
    box-shadow:0 18px 42px rgba(236,72,153,.14) !important;
}