/* Orderhost independent, working mobile accordion. Desktop unaffected. */
@media(max-width:959px){
 body.oh2-menu-open{overflow:hidden!important}
 body > #oh2-mobile-overlay[hidden],body > #oh2-mobile-drawer[hidden],
 #oh2-mobile-drawer .oh2-mobile-submenu[hidden]{display:none!important}
 body > #oh2-mobile-overlay{
   position:fixed!important;inset:0!important;z-index:100100!important;
   background:rgba(16,10,32,.71)!important;
   backdrop-filter:blur(3px)!important;
 }
 body > #oh2-mobile-drawer{
   display:flex!important;flex-direction:column!important;
   position:fixed!important;top:0!important;right:0!important;bottom:0!important;
   left:auto!important;z-index:100101!important;
   width:min(390px,calc(100vw - 43px))!important;
   height:100dvh!important;max-height:100dvh!important;
   box-sizing:border-box!important;direction:rtl!important;
   padding:16px 13px 0!important;
   background:linear-gradient(165deg,#fff,#fcfaff)!important;
   border:0!important;
   border-left:1px solid #e8dff8!important;
   box-shadow:-12px 0 35px rgba(17,7,50,.22)!important;
   overflow:hidden!important;
   font-family:Vazirmatn,inherit!important;
 }
 #oh2-mobile-drawer *{box-sizing:border-box!important}
 #oh2-mobile-drawer .oh2-mobile-header{
   display:flex!important;align-items:center!important;justify-content:space-between!important;
   gap:10px!important;flex:0 0 auto!important;
   min-height:86px!important;margin:0 0 15px!important;
   padding:10px 12px!important;border-radius:16px!important;
   border:1px solid #e8dcf9!important;
   background:linear-gradient(110deg,#fff,#f0eaff)!important;
 }
 #oh2-mobile-drawer .oh2-mobile-brand{
   display:flex!important;flex-direction:column!important;align-items:flex-start!important;
   flex:1!important;min-width:0!important;gap:2px!important;
   color:#47316d!important;text-decoration:none!important;background:none!important;
   padding:0!important;
 }
 #oh2-mobile-drawer .oh2-mobile-logo{
   display:block!important;width:128px!important;height:50px!important;
   max-width:100%!important;object-fit:contain!important;object-position:right center!important;
   margin:0!important;padding:0!important;
 }
 #oh2-mobile-drawer .oh2-mobile-tagline{font-size:10px!important;font-weight:750!important;color:#806c9f!important}
 #oh2-mobile-drawer button.oh2-mobile-close{
   flex:0 0 36px!important;display:grid!important;place-items:center!important;
   width:36px!important;height:36px!important;min-height:0!important;
   padding:0!important;margin:0!important;border-radius:10px!important;
   border:1px solid #e0d4f9!important;background:#fff!important;color:#662ecb!important;
   font:normal 25px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important;
 }
 #oh2-mobile-drawer .oh2-mobile-heading{
   flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px!important;
   padding:0 8px 11px!important;
   color:#8670a7!important;font-weight:800!important;font-size:12px!important;
 }
 #oh2-mobile-drawer .oh2-mobile-heading::before{
   content:"";display:block;width:5px;height:18px;border-radius:5px;background:#7231dd;
 }
 #oh2-mobile-drawer .oh2-mobile-links{
   display:flex!important;flex-direction:column!important;gap:7px!important;
   min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;
   padding:0 2px 12px!important;margin:0!important;
   scrollbar-width:thin;scrollbar-color:#d2c1f1 transparent;
   -webkit-overflow-scrolling:touch;
 }
 #oh2-mobile-drawer .oh2-mobile-item{display:block!important;width:100%!important;flex:none!important}
 #oh2-mobile-drawer .oh2-mobile-parent{
   appearance:none!important;display:flex!important;align-items:center!important;
   flex-direction:row!important;justify-content:flex-start!important;
   gap:11px!important;width:100%!important;min-height:56px!important;
   padding:8px 12px!important;margin:0!important;border-radius:13px!important;
   border:1px solid #e9e1f9!important;box-shadow:0 3px 10px rgba(44,19,91,.04)!important;
   background:#fff!important;color:#2d1a50!important;
   text-align:right!important;font-size:14px!important;font-weight:850!important;
   line-height:1.55!important;text-decoration:none!important;cursor:pointer!important;
   white-space:normal!important;
 }
 #oh2-mobile-drawer .oh2-mobile-parent:hover,
 #oh2-mobile-drawer .oh2-mobile-parent:focus-visible,
 #oh2-mobile-drawer .oh2-expanded>.oh2-mobile-parent{
   background:#f1eaff!important;border-color:#d2bef6!important;color:#622ccd!important;
 }
 #oh2-mobile-drawer .oh2-mobile-icon{
   flex:0 0 37px!important;display:grid!important;place-items:center!important;
   width:37px!important;height:37px!important;border-radius:10px!important;
   color:#6831d1!important;background:#eee7ff!important;
 }
 #oh2-mobile-drawer .oh2-mobile-item:nth-child(4n+2) .oh2-mobile-icon{background:#e8f2ff!important;color:#2179d8!important}
 #oh2-mobile-drawer .oh2-mobile-item:nth-child(4n+3) .oh2-mobile-icon{background:#e6f9ef!important;color:#138c65!important}
 #oh2-mobile-drawer .oh2-mobile-item:nth-child(4n+4) .oh2-mobile-icon{background:#fff0e5!important;color:#df791f!important}
 #oh2-mobile-drawer .oh2-mobile-icon svg{
   display:block!important;width:21px!important;height:21px!important;
   stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;
   stroke-linecap:round!important;stroke-linejoin:round!important;
 }
 #oh2-mobile-drawer .oh2-mobile-text{
   display:block!important;min-width:0!important;flex:1!important;
   font-size:14px!important;font-weight:850!important;color:inherit!important;
   line-height:1.6!important;text-align:right!important;
 }
 #oh2-mobile-drawer .oh2-mobile-arrow{
   display:grid!important;place-items:center!important;flex:0 0 29px!important;
   width:29px!important;height:29px!important;border-radius:9px!important;
   color:#7546c7!important;background:#f2ecff!important;
   transition:transform .15s ease!important;
 }
 #oh2-mobile-drawer .oh2-mobile-arrow svg{
   display:block!important;width:18px!important;height:18px!important;
   fill:none!important;stroke:currentColor!important;stroke-width:2.1!important;
   stroke-linecap:round!important;stroke-linejoin:round!important;
 }
 #oh2-mobile-drawer .oh2-expanded .oh2-mobile-arrow{transform:rotate(180deg)!important;background:#e7d8ff!important}
 #oh2-mobile-drawer .oh2-mobile-submenu:not([hidden]){
   display:flex!important;flex-direction:column!important;gap:1px!important;
   position:static!important;width:calc(100% - 9px)!important;height:auto!important;
   max-height:420px!important;overflow-y:auto!important;opacity:1!important;visibility:visible!important;
   transform:none!important;margin:5px 9px 7px 0!important;padding:7px 8px!important;
   border:1px solid #e8ddf8!important;border-right:3px solid #9b6dee!important;
   border-radius:10px!important;background:#faf8ff!important;
 }
 #oh2-mobile-drawer .oh2-mobile-sub-link{
   display:flex!important;align-items:center!important;gap:8px!important;
   width:100%!important;min-height:39px!important;margin:0!important;padding:8px 11px!important;
   color:#4c356f!important;font-size:12px!important;font-weight:720!important;
   border-radius:8px!important;background:none!important;
   line-height:1.7!important;text-decoration:none!important;text-align:right!important;
 }
 #oh2-mobile-drawer .oh2-mobile-sub-link::before{
   content:"";display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#a786eb;
 }
 #oh2-mobile-drawer .oh2-mobile-sub-link:hover,
 #oh2-mobile-drawer .oh2-mobile-sub-link:focus-visible{background:#eee6ff!important;color:#612bca!important}
 #oh2-mobile-drawer .oh2-mobile-footer{
   flex:0 0 auto!important;padding:14px 6px 18px!important;margin:0!important;
   border-top:1px solid #eee7f8!important;text-align:center!important;
   color:#86759d!important;font-size:11px!important;font-weight:700!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #oh2-mobile-drawer .oh2-mobile-arrow{transition:none!important}
}

/* 2026-10-13 approved mobile submenu card design */
@media(max-width:959px){
 #oh2-mobile-drawer .oh2-mobile-item.oh2-expanded > .oh2-mobile-parent{
    min-height:61px!important;
    border:1px solid #d7c3ff!important;
    background:linear-gradient(105deg,#f4edff,#eae0ff)!important;
    color:#3a1d70!important;
    box-shadow:none!important;
    border-radius:14px!important;
 }
 #oh2-mobile-drawer .oh2-mobile-item.oh2-expanded > .oh2-mobile-parent .oh2-mobile-icon{
    width:39px!important;height:39px!important;flex-basis:39px!important;
    background:#fff!important;color:#7032d3!important;border-radius:11px!important;
 }
 #oh2-mobile-drawer .oh2-mobile-item.oh2-expanded > .oh2-mobile-parent .oh2-mobile-arrow{
    background:rgba(255,255,255,.65)!important;
    color:#6630ca!important;border-radius:9px!important;
 }
 #oh2-mobile-drawer .oh2-mobile-item.oh2-expanded > .oh2-mobile-parent .oh2-mobile-text{
    font-size:15px!important;font-weight:850!important;
 }
 #oh2-mobile-drawer .oh2-mobile-item > .oh2-mobile-submenu:not([hidden]){
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    max-height:none!important;
    height:auto!important;
    width:calc(100% - 18px)!important;
    margin:0 18px 11px 0!important;
    padding:9px 7px 0 0!important;
    background:transparent!important;
    border:0!important;
    border-right:2px solid #dbcef7!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a.oh2-mobile-sub-link{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    flex:0 0 auto!important;
    gap:10px!important;
    width:100%!important;
    min-height:51px!important;
    padding:8px 10px!important;
    margin:0!important;
    border:1px solid #e9e3f6!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#322253!important;
    box-shadow:0 2px 5px rgba(40,20,90,.025)!important;
    text-decoration:none!important;
    text-align:right!important;
    direction:rtl!important;
    transition:background-color .15s,border-color .15s,color .15s!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a.oh2-mobile-sub-link::before{
    display:none!important;
    content:none!important;
 }
 #oh2-mobile-drawer .oh2-mobile-sub-icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    color:#7034d6!important;
    background:#eee6ff!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a:nth-child(2) .oh2-mobile-sub-icon{
    background:#e8f2ff!important;color:#237bdf!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a:nth-child(3) .oh2-mobile-sub-icon{
    background:#e5f9ef!important;color:#139c6e!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a:nth-child(4) .oh2-mobile-sub-icon{
    background:#fff0e6!important;color:#e17c24!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a:nth-child(5) .oh2-mobile-sub-icon{
    background:#f4e9ff!important;color:#a046d1!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a:nth-child(6n) .oh2-mobile-sub-icon{
    background:#eaf1ff!important;color:#536bd0!important;
 }
 #oh2-mobile-drawer .oh2-mobile-sub-icon svg{
    width:19px!important;height:19px!important;
    display:block!important;fill:none!important;
    stroke:currentColor!important;stroke-width:1.85!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
 }
 #oh2-mobile-drawer .oh2-mobile-sub-title{
    flex:1 1 0%!important;min-width:0!important;
    display:block!important;
    font-size:12px!important;font-weight:750!important;
    line-height:1.5!important;
    color:inherit!important;text-align:right!important;
    white-space:normal!important;
 }
 #oh2-mobile-drawer .oh2-mobile-sub-arrow{
    display:grid!important;
    place-items:center!important;
    flex:0 0 20px!important;
    width:20px!important;height:20px!important;
    margin-right:auto!important;
    color:#a392bf!important;
    font:normal 19px/1 Arial,sans-serif!important;
    direction:ltr!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a.oh2-mobile-sub-link:hover,
 #oh2-mobile-drawer .oh2-mobile-submenu > a.oh2-mobile-sub-link:focus-visible{
    color:#5f2ac9!important;
    background:#f9f6ff!important;
    border-color:#cdbcf1!important;
    outline-offset:2px!important;
 }
 #oh2-mobile-drawer .oh2-mobile-submenu > a.oh2-mobile-sub-link:hover .oh2-mobile-sub-arrow,
 #oh2-mobile-drawer .oh2-mobile-submenu > a.oh2-mobile-sub-link:focus-visible .oh2-mobile-sub-arrow{
    color:#642dca!important;
 }
}
@media(max-width:360px){
 #oh2-mobile-drawer .oh2-mobile-sub-title{font-size:11px!important}
 #oh2-mobile-drawer .oh2-mobile-submenu > a.oh2-mobile-sub-link{gap:7px!important;padding:7px!important}
}
@media(prefers-reduced-motion:reduce){
 #oh2-mobile-drawer .oh2-mobile-submenu > a.oh2-mobile-sub-link{transition:none!important}
}
