/* ===== Hero Landing (header) ===== */
.hero-landing {
    background: var(--color-bg);
    color: var(--color-white);
    padding: clamp(24px, 5vw, 56px) 16px clamp(40px, 7vw, 80px);
}

.hero-landing__container {
    max-width: 1200px;
    margin: 0 auto;
}

/* --- badges row --- */
.hero-landing__badges {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 24px clamp(16px, 4vw, 40px);
    justify-content: center;
    align-items: center;
    margin: 0 0 clamp(28px, 6vw, 48px);
    padding: 0;
    color: rgba(255,255,255,0.92);
    font-size: clamp(13px, 1.8vw, 16px);
}

.hero-landing__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    opacity: .95;
    white-space: nowrap;
    font-weight: 400;
    font-size: 20px;
}
.hero-landing__badge svg, .hero-landing__badge img { width:20px; height:20px; }

/* --- title built from SVG images --- */
.hero-landing__title{
    /* ارتفاع یکسان همه‌ی SVGها؛ با رشد واکنشی */
    --hero-line-h: clamp(46px, 9vw, 112px);
    --hero-gap: clamp(6px, 2vw, 16px);

    margin: 0 0 clamp(18px, 8vw, 100px);
    display: flex;
    flex-wrap: nowrap;                 /* دسکتاپ: یک خط */
    gap: var(--hero-gap);
    justify-content: center;
    align-items: flex-end;
    line-height: 1;                    /* فاصله عمودی دقیق */
    text-align: right;
}

.hero-landing__title > span{
    display: inline-flex;
    align-items: flex-end;
    min-width: 0;                      /* اجازه‌ی جمع‌شدن در فلکس */
}

.hero-landing__title img{
    display: block;                    /* حذف فاصله‌ی baseline */
    height: var(--hero-line-h);        /* ارتفاع یکسان */
    width: auto;                       /* حفظ نسبت تصویر */
    max-width: 100%;                   /* جلوگیری از اورفلو در ظرف‌های باریک */
    min-width: 0;
}

/* CTA */
.hero-landing__cta{
    display:flex; justify-content:center;
    margin-top: clamp(10px, 3vw, 22px);
}
.hero-landing__cta .order-btn i{ display:inline-flex; line-height:0; }
.hero-landing__cta .order-btn svg{ width:18px; height:18px; }

/* --- Mobile: هر SVG یک خط با همان ارتفاع --- */
@media (max-width: 520px){
    .hero-landing__title{
        --hero-line-h: clamp(36px, 18vw, 73px); /* ارتفاع مناسب موبایل */
        flex-direction: column;                 /* هر کدام خط جدا */
        align-items: center;
    }
    .hero-landing__title > span{ width: 100%; justify-content: flex-start; }
    .hero-landing__badge { gap: 12px; }
    .hero-landing__badge svg, .hero-landing__badge img { width:38px; height:38px; }
    .hero-landing__badges{
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}

.sr-only {
    position:absolute !important; width:1px !important; height:1px !important;
    padding:0 !important; margin:-1px !important; overflow:hidden !important;
    clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important;
}