/* Ramtin 1.2.0 mobile bottom navigation */
.mehrad-mobile-navigation{display:none}
@media (max-width:782px){
  html body.mehrad-mobile-navigation-active{
    --mehrad-mobile-nav-safe-bottom:env(safe-area-inset-bottom,0px);
    padding-bottom:calc(92px + var(--mehrad-mobile-nav-safe-bottom))!important;
  }
  html.dark,html[data-theme="dark"]{
    --mehrad-mobile-nav-bg:var(--mehrad-mobile-nav-dark-bg,#0f172a);
    --mehrad-mobile-nav-icon:var(--mehrad-mobile-nav-dark-icon,#cbd5e1);
    --mehrad-mobile-nav-active:var(--mehrad-mobile-nav-dark-active,#60a5fa);
    --mehrad-mobile-nav-text:var(--mehrad-mobile-nav-dark-text,#f8fafc);
  }
  html body .mehrad-mobile-navigation{
    position:fixed!important;inset-inline:0!important;bottom:calc(10px + var(--mehrad-mobile-nav-safe-bottom,0px))!important;
    z-index:2147482000!important;display:flex!important;align-items:center!important;justify-content:center!important;
    direction:rtl!important;pointer-events:none!important;transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
  }
  html body.mehrad-menu-open .mehrad-mobile-navigation,
  html body.mehrad-mobile-nav-panel-open .mehrad-mobile-navigation,
  html body.mehrad-search-open .mehrad-mobile-navigation{
    opacity:0!important;visibility:hidden!important;transform:translateY(18px)!important;
  }
  html body .mehrad-mobile-navigation__inner{
    width:min(430px,calc(100vw - 20px))!important;min-height:66px!important;display:grid!important;
    grid-template-columns:repeat(var(--mehrad-mobile-nav-count,4),minmax(0,1fr))!important;align-items:center!important;gap:4px!important;
    padding:9px 12px!important;box-sizing:border-box!important;border-radius:26px!important;
    border:1px solid color-mix(in srgb,var(--mehrad-mobile-nav-icon,#64748b) 18%,transparent)!important;
    background:var(--mehrad-mobile-nav-bg,#fff)!important;color:var(--mehrad-mobile-nav-text,#0f172a)!important;
    box-shadow:0 18px 46px rgba(15,23,42,.16),0 3px 12px rgba(15,23,42,.08)!important;
    pointer-events:auto!important;position:relative!important;overflow:visible!important;
  }
  html body .mehrad-mobile-navigation__item{
    position:relative!important;min-width:0!important;min-height:48px!important;border:0!important;background:transparent!important;
    color:var(--mehrad-mobile-nav-icon,#64748b)!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:17px!important;line-height:1.15!important;
    font-family:inherit!important;-webkit-tap-highlight-color:transparent!important;transition:color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease!important;
  }
  html body .mehrad-mobile-navigation__item:hover,
  html body .mehrad-mobile-navigation__item:focus-visible,
  html body .mehrad-mobile-navigation__item.is-active{
    color:var(--mehrad-mobile-nav-active,#2563eb)!important;
    background:color-mix(in srgb,var(--mehrad-mobile-nav-active,#2563eb) 10%,transparent)!important;
  }
  html body .mehrad-mobile-navigation__icon,
  html body .mehrad-mobile-navigation__svg{width:25px!important;height:25px!important;display:block!important;flex:0 0 auto!important}
  html body .mehrad-mobile-navigation__svg{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body .mehrad-mobile-navigation__svg.mehrad-fa-svg,html body .mehrad-mobile-navigation__svg.mehrad-fa-svg *{fill:currentColor!important;stroke:none!important}
  html body .mehrad-mobile-navigation__label{font-size:10.5px!important;font-weight:800!important;letter-spacing:-.25px!important;color:currentColor!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body .mehrad-mobile-navigation__badge{position:absolute!important;top:2px!important;inset-inline-start:50%!important;transform:translateX(-22px)!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;border:2px solid var(--mehrad-mobile-nav-bg,#fff)!important;font-size:10px!important;line-height:14px!important;font-weight:800!important;text-align:center!important;box-sizing:border-box!important;z-index:2!important}
  html body .mehrad-mobile-navigation__badge.is-empty{display:none!important}

  /* Classic icon + label */
  html body .mehrad-mobile-navigation--icons .mehrad-mobile-navigation__inner{border-radius:24px!important;padding:8px 10px!important}
  html body .mehrad-mobile-navigation--icons .mehrad-mobile-navigation__item.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mehrad-mobile-nav-active,#2563eb) 14%,transparent)!important}

  /* Floating central action. It automatically balances when item count is not five. */
  html body .mehrad-mobile-navigation--floating:not(.is-auto-balanced) .mehrad-mobile-navigation__label{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  html body .mehrad-mobile-navigation--floating:not(.is-auto-balanced) .mehrad-mobile-navigation__item.is-primary{width:68px!important;height:68px!important;min-height:68px!important;margin:-31px auto 0!important;border-radius:999px!important;color:#fff!important;background:var(--mehrad-mobile-nav-active,#2563eb)!important;box-shadow:0 18px 34px color-mix(in srgb,var(--mehrad-mobile-nav-active,#2563eb) 38%,transparent)!important}
  html body .mehrad-mobile-navigation--floating:not(.is-auto-balanced) .mehrad-mobile-navigation__item.is-primary .mehrad-mobile-navigation__svg{width:30px!important;height:30px!important}
  html body .mehrad-mobile-navigation--floating.is-auto-balanced .mehrad-mobile-navigation__inner{border-radius:24px!important;padding:8px 10px!important}
  html body .mehrad-mobile-navigation--floating.is-auto-balanced .mehrad-mobile-navigation__item.is-primary{color:var(--mehrad-mobile-nav-active,#2563eb)!important;background:color-mix(in srgb,var(--mehrad-mobile-nav-active,#2563eb) 10%,transparent)!important}

  /* Glass */
  html body .mehrad-mobile-navigation--glass .mehrad-mobile-navigation__inner{background:color-mix(in srgb,var(--mehrad-mobile-nav-bg,#fff) 76%,transparent)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;border-radius:26px!important}

  /* Text only */
  html body.mehrad-mobile-navigation-style-text{padding-bottom:calc(78px + var(--mehrad-mobile-nav-safe-bottom))!important}
  html body .mehrad-mobile-navigation--text .mehrad-mobile-navigation__inner{min-height:54px!important;padding:8px!important;border-radius:19px!important;gap:6px!important}
  html body .mehrad-mobile-navigation--text .mehrad-mobile-navigation__icon{display:none!important}
  html body .mehrad-mobile-navigation--text .mehrad-mobile-navigation__item{min-height:38px!important;color:var(--mehrad-mobile-nav-text,#0f172a)!important}
  html body .mehrad-mobile-navigation--text .mehrad-mobile-navigation__item.is-active{color:#fff!important;background:var(--mehrad-mobile-nav-active,#2563eb)!important}

  /* Minimal */
  html body.mehrad-mobile-navigation-style-minimal{padding-bottom:calc(76px + var(--mehrad-mobile-nav-safe-bottom))!important}
  html body .mehrad-mobile-navigation--minimal{bottom:var(--mehrad-mobile-nav-safe-bottom,0px)!important}
  html body .mehrad-mobile-navigation--minimal .mehrad-mobile-navigation__inner{width:100%!important;max-width:none!important;min-height:62px!important;border-radius:0!important;border-width:1px 0 0!important;box-shadow:0 -8px 28px rgba(15,23,42,.08)!important;padding:6px 10px!important}
  html body .mehrad-mobile-navigation--minimal .mehrad-mobile-navigation__item{border-radius:10px!important}
  html body .mehrad-mobile-navigation--minimal .mehrad-mobile-navigation__item.is-active:after{content:"";position:absolute;top:-6px;inset-inline:22%;height:3px;border-radius:999px;background:var(--mehrad-mobile-nav-active,#2563eb)}

  html body.mehrad-mobile-navigation-active .mehrad-floating-contact{bottom:calc(102px + var(--mehrad-mobile-nav-safe-bottom,0px))!important;z-index:2147482300!important}
  html body.mehrad-mobile-navigation-active .mehrad-floating-contact__panel{max-height:clamp(110px,calc(100dvh - 338px),286px)!important}
}
@media (max-width:380px){
  html body .mehrad-mobile-navigation__inner{width:calc(100vw - 12px)!important;padding-inline:7px!important}
  html body .mehrad-mobile-navigation__label{font-size:9.5px!important}
  html body .mehrad-mobile-navigation__icon,html body .mehrad-mobile-navigation__svg{width:23px!important;height:23px!important}
}
@media (min-width:783px){html body .mehrad-mobile-navigation{display:none!important}}