/* ═══════════════════════════════════════════════════════════
   MOBILE FLOATING NAV — v1.1.241
   حالت «شناور مدرن» از تنظیمات قالب → تنظیمات موبایل
   فقط وقتی body.hg-mnav-floating هست لود/اعمال می‌شود.
   - هدر: همبرگر جای لوگو (اول ردیف)، لوگوی متنی وسط، بدون سرچ/آیکون حساب
   - منوی پایین: پیل شناور، آیتم‌ها داینامیک از تنظیمات (+ گلس اختیاری)
   - همبرگر → پنل کشویی مینیمال + ستون سوشال + فلیپ سه‌بعدی منوی پایین
   نکته: فیکس v86 در main.css منوی پایین را با !important تمام‌عرض می‌کند و
   سطح شیشه‌ای را روی ::before می‌کشد؛ همه‌ی overrideها با specificity بالاتر
   (html[data-hg-theme] body.hg-mnav-floating) نوشته شده‌اند.
   بریک‌پوینت هدر قالب 781px و منوی پایین 768px است — دو بلاک media جدا.
═══════════════════════════════════════════════════════════ */

/* دسکتاپ: هیچ‌کدام از اجزای این حالت دیده نمی‌شوند
   (specificity بالا لازم است — main.css برای icon-btn ها display:grid!important دارد) */
.hg-mburger,
.site-header .header-inner .hg-mburger,
.mobile-nav-second,
.hg-mpanel,
.hg-mpanel-overlay,
.hg-msocials {
    display: none !important;
}

/* v1.1.249 — در حالت شناور، نوارِ رنگِ safe-area پایین (v86 body::after/.mobile-nav::after)
   نباید دیده شود؛ متغیر را شفاف می‌کنیم تا حتی اگر جایی رندر شد، «مستطیل» نسازد.
   (پس‌زمینه‌ی خودِ .mobile-nav صراحتاً روی سفید/تیره ست می‌شود، پس این فقط نوارهاست.) */
body.hg-mnav-floating {
    --hg-safe-area-bottom-color: transparent;

    /* v1.1.253 — ست رنگِ یکدست از روی متغیرهای شیشه‌ای خودِ قالب (هدر) خوانده می‌شود
       تا هم «شیشه‌ای» باشد هم دقیقاً هم‌رنگِ هدر/فوتر قالب (نه سفیدِ تخت).
       --hgf-solid = نسخه‌ی مات برای زیرمنو (که روی پنل می‌لغزد و نباید پشتش دیده شود). */
    --hgf-surface: var(--hg-header-bg, rgba(246, 246, 242, .72));
    --hgf-solid: #f6f6f2;
    --hgf-blur: var(--hg-header-blur, blur(24px) saturate(180%));
    --hgf-border: var(--hg-header-border, rgba(23, 24, 27, .085));
    --hgf-divider: var(--hg-header-border-soft, rgba(23, 24, 27, .06));
    --hgf-text: var(--hg-header-text, #17181b);
    --hgf-muted: var(--hg-header-muted, #6d7277);
    --hgf-hover: var(--hg-header-bg-2, rgba(23, 24, 27, .05));
    /* v1.1.256 — اورلیِ روشنِ هم‌رنگِ تم (نه تیره): طبق رفتار iOS 26 سافاری رنگِ نوارها
       را از پس‌زمینه‌ی عناصر fixed می‌گیرد و با JS قابل تغییر نیست؛ پس صفحه را تیره
       نمی‌کنیم تا نوارهای روشنِ سافاری هماهنگ بمانند. فقط یک مهِ محوِ هم‌رنگِ پس‌زمینه. */
    --hgf-overlay: rgba(246, 246, 242, .4);
}
html[data-hg-theme="dark"] body.hg-mnav-floating {
    --hgf-solid: #10151d;
    --hgf-overlay: rgba(13, 16, 21, .45);
}

/* ─────────────────────────────────────────
   لوگوی سفارشی حالت شناور (روز/شب/متن — مورد ۷)
───────────────────────────────────────── */
.hg-logo-custom {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.hg-logo-img {
    max-height: 34px;
    max-width: 150px;
    width: auto;
    display: block;
    object-fit: contain;
}
.hg-logo-night { display: none; }
html[data-hg-theme="dark"] .hg-logo-custom.has-night .hg-logo-day { display: none; }
html[data-hg-theme="dark"] .hg-logo-custom.has-night .hg-logo-night { display: block; }
.hg-logo-default {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
/* لوگوی سفارشی فقط-موبایل: موبایل سفارشی، دسکتاپ پیش‌فرض */
@media (max-width: 781px) {
    body.hg-mnav-floating .site-logo .hg-logo-default { display: none !important; }
}
@media (min-width: 782px) {
    body.hg-mnav-floating .site-logo .hg-logo-custom:not(.hg-logo-everywhere) { display: none !important; }
    .hg-logo-img { max-height: 40px; max-width: 200px; }
}

/* ─────────────────────────────────────────
   هدر موبایل (بریک‌پوینت هدر = 781px)
───────────────────────────────────────── */
@media (max-width: 781px) {

    /* هدر دیگر دنبال اسکرول نمی‌آید — بالای صفحه می‌ماند (مورد ۱) */
    body.hg-mnav-floating .site-header {
        position: relative !important;
        top: 0 !important;
    }
    body.hg-mnav-floating .site-header::before {
        /* v1.1.250 — بدون سایه (فقط بردر) + v1.1.251 توپُر و هم‌رنگ بقیه‌ی اجزا (بدون شیشه) */
        box-shadow: none !important;
        border-color: var(--hgf-border) !important;
        background: var(--hgf-surface) !important;
        -webkit-backdrop-filter: var(--hgf-blur) !important;
        backdrop-filter: var(--hgf-blur) !important;
    }
    body.admin-bar.hg-mnav-floating .site-header {
        top: 0 !important;
    }

    /* همبرگر: اول ردیف (جای لوگو) — همان ظاهر icon-btn قالب */
    body.hg-mnav-floating .hg-mburger,
    body.hg-mnav-floating .site-header .header-inner .hg-mburger {
        display: grid !important;
    }

    /* سرچ هدر و آیکون حساب کاربری هدر در حالت شناور حذف (مورد ۱ و ۲) */
    body.hg-mnav-floating .site-header .hg-header-search,
    body.hg-mnav-floating .site-header .hg-header-account {
        display: none !important;
    }

    /* لوگو: دقیقاً وسط هدر با متن «هستی جم» (مورد ۵)
       ستون‌های کناری grid هم‌عرض نیستند → مرکز مطلق نسبت به header-inner */
    body.hg-mnav-floating .site-header .header-inner {
        position: relative !important;
    }
    body.hg-mnav-floating .site-header .site-logo {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    body.hg-mnav-floating .site-header .logo-text {
        display: inline-block !important;
    }

    /* ── پنل کشویی — تا بالای منوی پایین؛ با فاصله‌ی بیشتر از هدر (الگوی مرجع) ── */
    body.hg-mnav-floating .hg-mpanel {
        display: block !important;
        position: fixed;
        top: calc(12px + 64px + 42px);
        bottom: calc(var(--mobile-nav, 60px) + 26px + env(safe-area-inset-bottom, 0px));
        right: 14px;
        left: auto;
        width: min(290px, 78vw);
        border: 1px solid var(--hgf-border);
        border-radius: 18px;
        background: var(--hgf-surface);
        -webkit-backdrop-filter: var(--hgf-blur);
        backdrop-filter: var(--hgf-blur);
        box-shadow: none;
        transform: translateX(calc(100% + 20px));
        opacity: 0;
        visibility: hidden;
        transition: transform .38s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, visibility 0s linear .38s;
        overflow: hidden;
        z-index: 998;
    }
    body.admin-bar.hg-mnav-floating .hg-mpanel {
        top: calc(12px + 64px + 42px + 44px);
    }
    body.hg-mnav-floating.hg-mpanel-open .hg-mpanel {
        transform: none;
        opacity: 1;
        visibility: visible;
        transition: transform .38s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, visibility 0s;
    }
    .hg-mpanel-inner {
        height: 100%;
        position: relative;
        overflow: hidden;
        padding: 0;
    }
    /* منو ممکن است hg-mpanel-list یا nav-list (خروجی fallback) باشد — عمومی هدف می‌گیریم */
    .hg-mpanel-inner ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
    }
    /* لیست ریشه: اسکرول خودش */
    .hg-mpanel-inner > ul {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding: 10px 8px;
    }
    .hg-mpanel-inner li {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    /* v1.1.251 — خط جداکننده‌ی ظریف بین آیتم‌ها (خواسته‌ی کاربر) */
    .hg-mpanel-inner > ul > li:not(:last-child),
    .hg-mpanel-inner .sub-menu > li:not(:last-child):not(.hg-msub-back) {
        border-bottom: 1px solid var(--hgf-divider);
    }
    .hg-mpanel-inner li > a {
        display: flex !important;
        flex: 1;
        min-width: 0;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 12px 12px !important;
        border-radius: 10px;
        color: var(--hgf-text) !important;
        font-size: 13.5px !important;
        font-weight: 600;
        text-decoration: none !important;
        background: transparent;
        transition: background .15s ease;
    }

    /* ── زیرمنوی drill-down (الگوی مرجع: زیرمنو کل پنل را می‌گیرد + ردیف برگشت) ── */
    .hg-msub-toggle {
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        width: 34px;
        height: 34px;
        margin-right: 4px;
        border: 0;
        background: transparent;
        color: var(--hg-header-muted, #6d7277);
        border-radius: 10px;
        cursor: pointer;
        transition: background .15s ease;
    }
    .hg-msub-toggle:active,
    .hg-msub-toggle:hover {
        background: var(--hgf-hover);
    }
    .hg-msub-toggle svg {
        width: 17px;
        height: 17px;
        transform: rotate(90deg); /* فلش رو به چپ = ورود به زیرمنو (RTL) */
    }
    /* هر زیرمنو یک «صفحه» تمام‌قدِ پنل است که از چپ می‌لغزد داخل — v1.1.251 هم‌رنگِ پنل */
    .hg-mpanel-inner .sub-menu {
        position: absolute;
        inset: 0;
        z-index: 3;
        display: block;
        margin: 0;
        padding: 10px 8px;
        list-style: none;
        background: var(--hgf-solid); /* مات: روی پنل می‌لغزد، پشتش نباید دیده شود */
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        transform: translateX(-106%);
        visibility: hidden;
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .3s;
    }
    .hg-mpanel-inner li.hg-drilled > .sub-menu {
        transform: translateX(0);
        visibility: visible;
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), visibility 0s;
    }
    /* ردیف برگشت بالای هر زیرمنو (JS می‌سازد) */
    .hg-mpanel-inner .hg-msub-back {
        display: block;
        margin: 0 0 6px;
        border-bottom: 1px solid var(--hgf-border);
        padding-bottom: 6px;
    }
    .hg-mpanel-inner .hg-msub-back button {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 11px 12px;
        border: 0;
        background: transparent;
        color: var(--hgf-text);
        font-family: inherit;
        font-size: 14px;
        font-weight: 800;
        border-radius: 10px;
        cursor: pointer;
        text-align: right;
    }
    .hg-mpanel-inner .hg-msub-back button:active {
        background: var(--hgf-hover);
    }
    .hg-mpanel-inner .hg-msub-back svg {
        width: 17px;
        height: 17px;
        flex: 0 0 auto;
        transform: rotate(-90deg); /* فلش رو به راست = برگشت (RTL) */
    }
    .hg-mpanel-inner li > a:active,
    .hg-mpanel-inner li > a:hover {
        background: var(--hgf-hover) !important;
    }
    /* v1.1.244 — های‌لایت مشکی آیتم فعال حذف شد (خواسته‌ی کاربر: بدون رنگ) */
    .hg-mpanel-inner li.current-menu-item > a,
    .hg-mpanel-inner .nav-link.active {
        background: transparent !important;
        color: var(--hgf-text) !important;
    }
    .hg-mpanel-inner .nav-icon {
        display: inline-flex;
        flex: 0 0 auto;
        width: 26px;
        height: 26px;
        align-items: center;
        justify-content: center;
    }
    /* v1.1.247 — آیکون‌ها بزرگ‌تر (۲۶px) که واضح‌تر دیده شوند */
    .hg-mpanel-inner .nav-icon svg,
    .hg-mpanel-inner .nav-icon img {
        width: 26px !important;
        height: 26px !important;
        max-width: 26px;
        max-height: 26px;
        display: block;
        object-fit: contain;
    }
    /* v1.1.251 — آیکون تک‌رنگِ مشکی که کاربر «در شب سفید شود» را تیک زده:
       brightness(0) invert(1) هر آیکون (svg یا img) را در دارک سفید می‌کند. */
    html[data-hg-theme="dark"] .hg-mpanel-inner .nav-icon.hg-icon-mono {
        filter: brightness(0) invert(1);
    }

    /* ── ستون سوشال کنار پنل — پایین، بالای منوی پایین (الگوی مرجع) ── */
    body.hg-mnav-floating .hg-msocials {
        display: flex !important;
        flex-direction: column;
        gap: 4px;
        position: fixed;
        top: auto;
        bottom: calc(var(--mobile-nav, 60px) + 26px + env(safe-area-inset-bottom, 0px));
        left: 14px;
        padding: 8px 7px;
        border: 1px solid var(--hgf-border);
        border-radius: 16px;
        background: var(--hgf-surface);
        -webkit-backdrop-filter: var(--hgf-blur);
        backdrop-filter: var(--hgf-blur);
        box-shadow: none;
        transform: translateX(calc(-100% - 20px));
        opacity: 0;
        visibility: hidden;
        transition: transform .38s cubic-bezier(.4, 0, .2, 1) .06s, opacity .3s ease .06s, visibility 0s linear .44s;
        z-index: 998;
    }
    body.hg-mnav-floating.hg-mpanel-open .hg-msocials {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        transition: transform .38s cubic-bezier(.4, 0, .2, 1) .06s, opacity .3s ease .06s, visibility 0s;
    }
    .hg-msocials a {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        color: var(--hgf-text);
        transition: background .15s ease;
    }
    .hg-msocials a:not(:last-child) {
        border-bottom: 1px solid var(--hgf-divider);
        border-radius: 12px 12px 0 0;
    }
    .hg-msocials a:active,
    .hg-msocials a:hover {
        background: var(--hgf-hover);
    }
    .hg-msocials svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    /* ── اورلی پشت پنل ── v1.1.251
       inset منفی: روی iOS وقتی نوار پایین سافاری جمع/باز می‌شود، ناحیه‌ی safe-area
       پایین هم پوشیده می‌ماند (رفع «باکس کرمی پایین» و «روشن‌تر شدن فوتر»). */
    body.hg-mnav-floating .hg-mpanel-overlay {
        display: block !important;
        position: fixed;
        inset: -100px;
        background: var(--hgf-overlay);
        /* blur قوی‌تر (رنگِ اورلی روشن است، پس تمایزِ پنل از محتوا از بلور می‌آید نه تیرگی) */
        -webkit-backdrop-filter: blur(7px) saturate(115%);
        backdrop-filter: blur(7px) saturate(115%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .3s ease, visibility 0s linear .3s;
        z-index: 997;
    }
    body.hg-mnav-floating.hg-mpanel-open .hg-mpanel-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity .3s ease, visibility 0s;
    }

    /* موقع باز بودن پنل، اسکرول صفحه قفل */
    body.hg-mpanel-open {
        overflow: hidden;
    }

    /* همبرگر: چرخش ظریف آیکون در حالت باز */
    .hg-mburger svg { transition: transform .3s ease; }
    body.hg-mpanel-open .hg-mburger svg { transform: rotate(90deg); }
}

/* ─────────────────────────────────────────
   منوی پایین (بریک‌پوینت منوی پایین = 768px)
───────────────────────────────────────── */
@media (max-width: 768px) {

    /* ── منوی پایین شناور ── */
    html[data-hg-theme] body.hg-mnav-floating .mobile-nav {
        left: 14px !important;
        right: 14px !important;
        bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
        height: var(--mobile-nav) !important;
        padding-bottom: 0 !important;
        border-radius: 18px !important;
        /* v1.1.249 — دقیقاً الگوی .site-header (که روی iPhone سالم است):
           overflow:visible + پس‌زمینه‌ی توپُر + box-shadow روی خودِ عنصر.
           overflow:hidden با border-radius روی iOS سایه را مستطیلی می‌کرد. */
        overflow: visible !important;
        isolation: auto !important;
        transform: none !important;
        transform-origin: 50% 100%;
        opacity: 1;
        background: var(--hgf-surface) !important;
        background-color: var(--hgf-surface) !important;
        border: 1px solid var(--hgf-border) !important;
        /* v1.1.250 — سایه حذف؛ v1.1.253 — شیشه‌ای (backdrop) هم‌رنگِ هدر. overflow:visible
           بالا (مثل هدر) از سایه‌ی مستطیلی iOS جلوگیری می‌کند؛ backdrop اینجا مشکلی ندارد. */
        box-shadow: none !important;
        -webkit-backdrop-filter: var(--hgf-blur) !important;
        backdrop-filter: var(--hgf-blur) !important;
        transition: transform .45s cubic-bezier(.4, 0, .2, 1), opacity .3s ease !important;
    }

    /* لایه‌های v86 (سطح/بلور/سایه/باندِ پایین) کاملاً خاموش —
       منبع سایه‌ی مستطیلی و ناحیه‌ی بلورِ ناهماهنگ در iOS همین‌ها بودند */
    html[data-hg-theme] body.hg-mnav-floating .mobile-nav::before,
    html[data-hg-theme] body.hg-mnav-floating .mobile-nav::after,
    html[data-hg-theme] body.hg-mnav-floating::after {
        display: none !important;
        content: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /* آیتم‌ها flex (v86 گرید ۴ستونه می‌کند — آیتم‌ها اینجا داینامیک‌اند) */
    html[data-hg-theme] body.hg-mnav-floating .mobile-nav .mobile-nav-inner {
        display: flex !important;
        align-items: center;
        justify-content: space-around;
        grid-template-columns: none !important;
        padding: 0 4px !important;
    }
    body.hg-mnav-floating .mobile-nav .mnav-item {
        padding: 8px 3px !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        position: relative;
    }
    /* v1.1.257 — متنِ لیبل کامل دیده شود (مثل «حساب کاربری» که در آیفون بریده می‌شد) */
    body.hg-mnav-floating .mobile-nav .mnav-label,
    body.hg-mnav-floating .mobile-nav-second .mnav-label {
        font-size: 8.5px !important;
        letter-spacing: -.2px !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: none !important;
        text-align: center;
    }

    /* v1.1.257 — خط جداکننده‌ی عمودیِ مینیمال بین آیتم‌های منوی پایین (مورد ۴) */
    body.hg-mnav-floating .mobile-nav .mnav-item + .mnav-item::after,
    body.hg-mnav-floating .mobile-nav-second .mnav-item + .mnav-item::after {
        content: "";
        position: absolute;
        right: -1px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 22px;
        background: var(--hgf-divider);
    }

    /* آیکون دسته‌بندی‌ها سبز (مورد ۸ — مثل مرجع) */
    html[data-hg-theme] body.hg-mnav-floating .mnav-type-categories svg {
        color: #0abf6e !important;
    }

    /* جای منوی شناور، بدنه کمی padding بیشتر می‌خواهد */
    body.hg-mnav-floating {
        padding-bottom: calc(var(--mobile-nav) + 24px + env(safe-area-inset-bottom, 0px));
    }

    /* ── منوی دوم (بعد از باز شدن همبرگر) ── */
    html[data-hg-theme] body.hg-mnav-floating .mobile-nav-second {
        display: block !important;
        position: fixed;
        left: 14px;
        right: 14px;
        bottom: calc(14px + env(safe-area-inset-bottom, 0px));
        height: var(--mobile-nav);
        border: 1px solid var(--hgf-border);
        border-radius: 18px;
        background: var(--hgf-surface);
        -webkit-backdrop-filter: var(--hgf-blur);
        backdrop-filter: var(--hgf-blur);
        box-shadow: none;
        overflow: visible;
        transform: perspective(600px) rotateX(-90deg);
        transform-origin: 50% 100%;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform .45s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, visibility 0s linear .45s;
        z-index: var(--hg-mnav-z, 999);
    }
    .mobile-nav-second .mobile-nav-inner {
        display: flex !important;
        align-items: center;
        justify-content: space-around;
        height: 100% !important;
        padding: 0 8px !important;
        background: transparent !important;
    }
    .mobile-nav-second .mnav-item {
        padding: 8px 10px !important;
    }

    /* فلیپ: با باز شدن پنل، منوی اول می‌چرخد بیرون و دوم می‌آید */
    html[data-hg-theme] body.hg-mnav-floating.hg-mpanel-open .mobile-nav {
        transform: perspective(600px) rotateX(90deg) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    html[data-hg-theme] body.hg-mnav-floating.hg-mpanel-open .mobile-nav-second {
        /* حالت نهایی بدون ترنسفورم = متن شارپ؛ فلیپ فقط حین انیمیشن (v1.1.244) */
        transform: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: transform .45s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, visibility 0s;
    }

    /* دکمه ویژه منوی دوم */
    .mnav-special {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        height: 38px;
        padding: 0 14px;
        border-radius: 12px;
        background: rgba(243, 10, 73, .13);
        color: #f30a49;
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
        white-space: nowrap;
        position: relative;
        z-index: 2;
    }
    .mnav-special svg { width: 19px; height: 19px; }
    html[data-hg-theme="dark"] .mnav-special {
        background: rgba(243, 10, 73, .22);
        color: #ff6b93;
    }
}

/* کاهش حرکت برای کاربرانی که انیمیشن نمی‌خواهند */
@media (prefers-reduced-motion: reduce) {
    html[data-hg-theme] body.hg-mnav-floating .mobile-nav,
    html[data-hg-theme] body.hg-mnav-floating .mobile-nav-second,
    body.hg-mnav-floating .hg-mpanel,
    body.hg-mnav-floating .hg-msocials,
    body.hg-mnav-floating .hg-mpanel-overlay,
    .hg-mburger svg {
        transition: none !important;
    }
}