/* Khalaj Mobile Navigation Pro — intentionally scoped, no global desktop layout changes */
#kmn-root{display:none;font-family:Peyda,IRANSans,Tahoma,Arial,sans-serif;color:#172033;--kmn-blue:#0067f8;--kmn-green:#03c03c;--kmn-radius:3px;--kmn-safe:env(safe-area-inset-bottom,0px)}
#kmn-root[lang=en]{font-family:Inter,Arial,sans-serif}
#kmn-root *,#kmn-root *::before,#kmn-root *::after{box-sizing:border-box}
#kmn-root button,#kmn-root a{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#kmn-root button{cursor:pointer}
#kmn-root a{text-decoration:none}
#kmn-root .kmn-icon-svg{display:block;flex-shrink:0}
#kmn-root .kmn-icon-image{display:block;object-fit:contain;flex-shrink:0}
@media(max-width:1024px){
 #kmn-root{display:block}
 html body.kmn-enabled,html body.kmn-enabled.khm-mobile-header-enabled{padding-top:64px!important;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
 body.kmn-drawer-open{overflow:hidden!important}
 /* Safe handover: when the former mobile plugin is still active, show only the new UI. */
 body.kmn-enabled #khmHeader,body.kmn-enabled #khmPanel,body.kmn-enabled .khm-overlay{display:none!important;visibility:hidden!important;pointer-events:none!important}
 /* Desktop Elementor header remains in the document; hide it only in small-screen scope. */
 body.kmn-enabled .elementor-location-header{display:none!important}
 #kmn-root .kmn-top{position:fixed;top:0;left:0;right:0;z-index:999900;height:64px;background:rgba(255,255,255,.97);border-bottom:1px solid #e8ecf2;box-shadow:0 2px 14px rgba(18,32,58,.045);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 #kmn-root .kmn-top-inner{height:100%;max-width:1180px;padding:0 16px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}
 #kmn-root .kmn-brand{display:inline-flex;align-items:center;gap:8px;color:#0c1627!important;font-family:Inter,Arial,sans-serif;font-size:17px;font-weight:750;white-space:nowrap}
 #kmn-root .kmn-logo-image{display:block;width:37px;height:37px;object-fit:contain}
 #kmn-root .kmn-top-menu,#kmn-root .kmn-top-search,#kmn-root .kmn-close{width:43px;height:43px;min-width:43px;border:0!important;border-radius:10px;background:#f2f6fb!important;box-shadow:none!important;color:#152b48!important;display:flex;align-items:center;justify-content:center;padding:0!important}
 #kmn-root .kmn-backdrop{position:fixed;inset:0;z-index:999910;background:rgba(9,19,37,.40);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
 #kmn-root .kmn-backdrop[hidden]{display:none!important}
 #kmn-root .kmn-drawer{position:fixed;z-index:999920;top:0;bottom:calc(76px + env(safe-area-inset-bottom,0px));inset-inline-start:0;width:min(410px,94vw);max-width:100%;background:#fff;box-shadow:0 25px 55px rgba(12,30,65,.22);display:flex;flex-direction:column;transform:translateX(-108%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .26s ease,opacity .26s ease,visibility .26s}
 #kmn-root[dir=rtl] .kmn-drawer{transform:translateX(108%);border-radius:14px 0 0 14px}
 #kmn-root[dir=ltr] .kmn-drawer{border-radius:0 14px 14px 0}
 #kmn-root .kmn-drawer.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
 #kmn-root .kmn-drawer-top{height:72px;padding:12px 17px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
 #kmn-root .kmn-drawer-scroll{overflow:auto;overscroll-behavior:contain;padding:14px 16px 28px;scrollbar-width:thin;scrollbar-color:#d7e1ef transparent}
 #kmn-root .kmn-account-card{display:flex;gap:13px;align-items:center;min-height:66px;padding:12px 15px;background:#f6f8fc;border:1px solid #e9edf3;border-radius:12px;color:#17243b!important;font-size:14px;font-weight:600}
 #kmn-root .kmn-account-card span{flex:1}
 #kmn-root .kmn-cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:11px;min-height:45px;padding:8px 12px;color:#fff!important;font-size:14px;font-weight:600;background:var(--kmn-green);border-radius:8px}
 #kmn-root .kmn-languages{display:flex;width:100%;align-items:center;gap:4px;padding:4px;margin:17px 0;background:#f0f3f8;border-radius:10px;direction:ltr}
 #kmn-root .kmn-lang{display:flex;align-items:center;justify-content:center;flex:1;min-height:36px;border-radius:7px;color:#475467;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:600}
 #kmn-root .kmn-lang.is-selected{background:var(--kmn-blue);color:#fff;box-shadow:0 2px 8px rgba(0,103,248,.18)}
 #kmn-root .kmn-section-title{margin:0 2px 9px;color:#68778a;font-size:12px;font-weight:600}
 #kmn-root .kmn-list{list-style:none!important;margin:0!important;padding:0!important}
 #kmn-root .kmn-item{list-style:none!important;margin:0!important;padding:0!important;border-bottom:1px solid #edf0f5}
 #kmn-root .kmn-item-line{display:flex;align-items:stretch;min-height:52px}
 #kmn-root .kmn-menu-link{display:flex;align-items:center;gap:11px;min-width:0;flex:1;min-height:50px;padding:7px 8px;color:#26354c!important;font-size:13px;line-height:1.6;font-weight:550}
 #kmn-root .kmn-menu-link span{min-width:0;overflow-wrap:anywhere}
 #kmn-root .kmn-menu-link .kmn-icon-svg{color:#1261e1}
 #kmn-root .kmn-sub-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 40px;min-height:45px;color:#8391a5!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
 #kmn-root .kmn-sub-toggle[aria-expanded=true] .kmn-icon-svg{transform:rotate(90deg)}
 #kmn-root .kmn-sub-toggle .kmn-icon-svg{transition:transform .18s ease}
 #kmn-root .kmn-subpanel[hidden]{display:none!important}
 #kmn-root .kmn-subpanel{padding-inline-start:17px;padding-bottom:4px;border-inline-start:2px solid #ebf2ff}
 #kmn-root .kmn-subpanel .kmn-menu-link{font-size:12.5px;min-height:45px}
 #kmn-root .kmn-subpanel .kmn-item-line{min-height:45px}
 #kmn-root .kmn-subpanel .kmn-menu-link .kmn-icon-svg{color:#8095b4;width:17px;height:17px}
 #kmn-root .kmn-help{min-height:52px;display:flex;align-items:center;gap:10px;padding:12px 13px;margin-top:16px;background:#f3f7ff;color:#26416e!important;border-radius:10px;font-size:13px;font-weight:550}
 #kmn-root .kmn-help span{flex:1}
 #kmn-root .kmn-bottom{position:fixed;z-index:999950;left:0;right:0;bottom:0;height:calc(73px + env(safe-area-inset-bottom,0px));padding:0 10px env(safe-area-inset-bottom,0px);background:#fff;box-shadow:0 -7px 26px rgba(13,31,61,.09);border-top:1px solid #e9edf4;direction:ltr}
 #kmn-root .kmn-bottom-inner{height:73px;width:100%;max-width:620px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:0}
 #kmn-root .kmn-bottom-item{height:69px;min-height:60px;min-width:0;padding:7px 2px 5px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3d4e67!important;box-shadow:none!important;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:11px;line-height:1.1;font-weight:550;white-space:nowrap;text-align:center;direction:rtl}
 #kmn-root .kmn-bottom-label{overflow:hidden;max-width:100%;text-overflow:ellipsis}
 #kmn-root[lang=en] .kmn-bottom-item{direction:ltr}
 #kmn-root .kmn-bottom-search{height:80px;padding-top:0!important;justify-content:flex-start;transform:translateY(-11px)}
 #kmn-root .kmn-search-circle{width:57px;height:57px;display:flex;align-items:center;justify-content:center;border:4px solid #fff;border-radius:50%;background:var(--kmn-blue);box-shadow:0 5px 17px rgba(0,103,248,.28);color:white}
 #kmn-root .kmn-bottom-search .kmn-bottom-label{font-size:11px}
 #kmn-root .kmn-bottom-item:focus-visible,#kmn-root .kmn-menu-link:focus-visible,#kmn-root .kmn-sub-toggle:focus-visible,#kmn-root .kmn-lang:focus-visible{outline:2px solid #0067f8;outline-offset:2px}
 .khalaj-search-modal{z-index:999980!important}
 .khalaj-search-modal .khalaj-search-box{max-width:min(94vw,620px)!important;max-height:calc(100dvh - 30px)!important;padding:24px 16px!important;border-radius:12px!important}
}
@media(max-width:480px){#kmn-root .kmn-bottom{padding-inline:4px}#kmn-root .kmn-bottom-item{font-size:10px}#kmn-root .kmn-drawer{width:94vw}}
@media(max-width:380px){#kmn-root .kmn-brand span{font-size:15px}#kmn-root .kmn-bottom-item{font-size:9px}#kmn-root .kmn-bottom-inner{gap:0}}
@media(prefers-reduced-motion:reduce){#kmn-root .kmn-drawer,#kmn-root .kmn-sub-toggle .kmn-icon-svg{transition:none!important}}