/* Ara Mobile Navigation Pro 1.6.0 - rebuilt styles */
.ara-mobile-navigation{
    position:fixed!important;
    left:0;
    right:0;
    bottom:0;
    z-index:99990;
    width:100%;
    padding:0 12px env(safe-area-inset-bottom);
    box-sizing:border-box;
    direction:rtl;
    pointer-events:none;
    font-family:inherit;
}
.ara-mn-inner{
    width:100%;
    max-width:680px;
    height:var(--amn-height);
    margin:0 auto;
    padding:6px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    gap:var(--amn-gap);
    background:var(--amn-bg);
    box-shadow:var(--amn-shadow);
    pointer-events:auto;
}
.ara-mn-item{
    position:relative;
    min-width:0;
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:4px 3px;
    border:0!important;
    outline:0!important;
    background:transparent;
    color:var(--amn-text)!important;
    text-decoration:none!important;
    box-shadow:none!important;
    cursor:pointer;
    font:inherit;
    -webkit-tap-highlight-color:transparent;
    transition:transform .18s ease,background .18s ease,color .18s ease;
}
.ara-mn-item.is-active{color:var(--amn-active)!important}
.ara-mn-item:active{transform:scale(.94)}
.ara-mn-icon{position:relative;font-size:var(--amn-icon);line-height:1}
.ara-mn-title{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:var(--amn-font);
    font-weight:700;
    line-height:1.2;
}
.ara-mn-badge{
    position:absolute;
    top:-9px;
    right:-13px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    border-radius:99px;
    background:#ef4444;
    color:#fff;
    font:700 10px/18px Arial,sans-serif;
    text-align:center;
}
.ara-mn-item{overflow:visible;}
.ara-mn-item::before{content:"";position:absolute;inset:5px;border-radius:16px;background:transparent;transform:scale(.82);opacity:0;transition:transform .22s ease,opacity .22s ease,background .22s ease;}
.ara-mn-item:hover::before,.ara-mn-item:focus-visible::before{transform:scale(1);opacity:1;background:rgba(37,99,235,.08);}
.ara-mn-item:hover,.ara-mn-item:focus-visible{color:var(--amn-active)!important;}
.ara-mn-item:hover .ara-mn-icon,.ara-mn-item:focus-visible .ara-mn-icon{transform:translateY(-2px) scale(1.08);}
.ara-mn-item:hover .ara-mn-title,.ara-mn-item:focus-visible .ara-mn-title{transform:translateY(-1px);}
.ara-mn-icon,.ara-mn-title{position:relative;z-index:1;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s ease;}
.ara-mn-item:focus-visible{outline:2px solid var(--amn-active)!important;outline-offset:-2px;}
.ara-mn-category-trigger{appearance:none;-webkit-appearance:none;border:0!important;box-sizing:border-box!important;line-height:normal!important;}
.ara-mn-category-trigger .ara-mn-title{display:block;width:100%;text-align:center;line-height:1.2;min-height:1.2em;}

/* 1) Rounded / گوشه گرد */
.ara-mn-rounded .ara-mn-inner{
    border-radius:var(--amn-radius) var(--amn-radius) 0 0;
    border:1px solid rgba(15,23,42,.07);
}

/* 2) Fixed / فیکس تمام عرض */
.ara-mn-fixed{
    padding-left:0;
    padding-right:0;
}
.ara-mn-fixed .ara-mn-inner{
    max-width:none;
    border-radius:0;
    border:0;
    box-shadow:0 -5px 22px rgba(15,23,42,.10);
}

/* 3) Floating / شناور */
.ara-mn-floating{
    left:12px;
    right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    width:auto;
    padding:0;
}
.ara-mn-floating .ara-mn-inner{
    max-width:680px;
    height:var(--amn-height);
    border-radius:var(--amn-radius);
    border:1px solid rgba(15,23,42,.08);
    box-shadow:0 14px 38px rgba(15,23,42,.18);
}

/* 4) Glass / بلور شیشه ای */
.ara-mn-glass{
    padding-left:12px;
    padding-right:12px;
}
.ara-mn-glass .ara-mn-inner{
    border-radius:var(--amn-radius);
    border:1px solid rgba(255,255,255,.55);
    background:rgba(255,255,255,.30)!important;
    box-shadow:0 12px 38px rgba(15,23,42,.16);
    backdrop-filter:blur(22px) saturate(170%);
    -webkit-backdrop-filter:blur(22px) saturate(170%);
}
.ara-mn-glass .ara-mn-item:hover{background:rgba(255,255,255,.24)}

@media(max-width:480px){
    .ara-mobile-navigation{padding-left:8px;padding-right:8px}
    .ara-mn-floating{left:8px;right:8px}
    .ara-mn-glass{padding-left:8px;padding-right:8px}
    .ara-mn-title{font-size:max(10px,var(--amn-font))}
}

/* Category side card */
.ara-mn-category-overlay{
    position:fixed;
    inset:0;
    z-index:100000;
    direction:rtl;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
}
.ara-mn-category-overlay.is-open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
}
.ara-mn-category-backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.42);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}
.ara-mn-category-panel{
    position:absolute;
    top:0;
    right:0;
    width:min(390px,88vw);
    height:100%;
    box-sizing:border-box;
    padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));
    overflow-y:auto;
    background:#fff;
    box-shadow:-14px 0 45px rgba(15,23,42,.20);
    transform:translateX(105%);
    transition:transform .28s cubic-bezier(.22,.8,.22,1);
}
.ara-mn-category-overlay.is-open .ara-mn-category-panel{transform:translateX(0)}
.ara-mn-category-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:4px 2px 18px;
    border-bottom:1px solid #edf1f5;
}
.ara-mn-category-head>div{display:flex;flex-direction:column;gap:5px}
.ara-mn-category-head strong{font-size:18px;color:#172033}
.ara-mn-category-head span{font-size:12px;color:#7b8798}
.ara-mn-category-close{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:50%;
    background:#f3f5f8;
    color:#334155;
    cursor:pointer;
    font-size:16px;
}
.ara-mn-category-list{display:flex;flex-direction:column;gap:9px;padding-top:16px}
.ara-mn-category-link{
    min-height:62px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:8px 10px;
    box-sizing:border-box;
    border:1px solid #edf0f4;
    border-radius:16px;
    background:#fff;
    color:#273449!important;
    text-decoration:none!important;
    box-shadow:0 4px 13px rgba(15,23,42,.045);
    transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.ara-mn-category-link:hover{
    transform:translateY(-1px);
    border-color:#dbe4ef;
    background:#f8fafc;
}
.ara-mn-category-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eef4ff;
    color:var(--amn-active);
    font-size:17px;
}
.ara-mn-category-name{
    flex:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    font-weight:700;
}
.ara-mn-category-count{
    min-width:25px;
    height:25px;
    padding:0 6px;
    box-sizing:border-box;
    border-radius:99px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f1f5f9;
    color:#64748b;
    font:600 11px/1 inherit;
}
.ara-mn-category-arrow{font-size:11px;color:#94a3b8}
html.ara-mn-lock-scroll,body.ara-mn-lock-scroll{overflow:hidden!important}

@media(prefers-reduced-motion:reduce){
    .ara-mn-item,.ara-mn-category-overlay,.ara-mn-category-panel,.ara-mn-category-link{transition:none}
}

/* Center category action */
.ara-mn-category-trigger{
    width:auto;
}
.ara-mn-category-trigger .ara-mn-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--amn-active);
    color:#fff;
    font-size:calc(var(--amn-icon) - 1px);
    box-shadow:0 7px 18px rgba(37,99,235,.24);
}
.ara-mn-category-trigger .ara-mn-title{margin-top:1px}
@media(max-width:480px){
    .ara-mn-category-trigger{width:auto}
    .ara-mn-category-trigger .ara-mn-icon{width:44px;height:44px}
}


/* 1.6.1 - category center alignment and refined hover */
.ara-mn-category-trigger{
    align-self:stretch!important;
    justify-self:stretch!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:2px 3px!important;
    gap:3px!important;
    overflow:visible!important;
}
.ara-mn-category-trigger .ara-mn-icon{
    flex:0 0 46px;
    margin:0;
}
.ara-mn-category-trigger .ara-mn-title{
    flex:0 0 auto;
    margin:0!important;
    max-width:100%;
    height:auto;
    line-height:1.2!important;
}
.ara-mn-category-trigger::before{
    inset:3px;
    border-radius:18px;
}
.ara-mn-category-trigger:hover .ara-mn-icon,.ara-mn-category-trigger:focus-visible .ara-mn-icon{
    transform:translateY(-2px) scale(1.04);
    box-shadow:0 10px 24px rgba(37,99,235,.30);
}
.ara-mn-category-trigger:active .ara-mn-icon{transform:scale(.96);}
@media(max-width:480px){
    .ara-mn-category-trigger .ara-mn-icon{flex-basis:44px;}
}