/* TAQA STORE V245 — Navigation System Rebuild
   Reference direction: Shopivia / Shoppe / Nexkart mobile commerce patterns,
   Positivus spacing discipline, and modern ecommerce desktop navigation.
   Business logic is untouched. */

:root{
  --v245-green:#22e86f;
  --v245-green-soft:rgba(34,232,111,.10);
  --v245-green-border:rgba(34,232,111,.20);
  --v245-bg:#050806;
  --v245-panel:#0b100d;
  --v245-panel-2:#101612;
  --v245-line:rgba(255,255,255,.075);
  --v245-line-strong:rgba(255,255,255,.11);
  --v245-text:#f4f7f5;
  --v245-muted:#8e9a93;
  --v245-muted-2:#68736c;
}

/* =========================================================
   DESKTOP — real commerce navigation, not enlarged mobile UI
   ========================================================= */
@media (min-width:1024px){
  .site-header{position:relative!important;z-index:190!important;border:0!important;overflow:visible!important}
  .site-header>.top-strip.v235-top-strip{display:flex!important;height:31px!important;min-height:31px!important;padding:0 max(30px,calc((100vw - 1480px)/2))!important;gap:26px!important;justify-content:flex-start!important;background:#030604!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.035)!important;color:#718078!important;font:500 11px/1.1 "IBM Plex Sans Arabic","Tajawal",sans-serif!important}
  .site-header>.top-strip.v235-top-strip span{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
  .site-header>.top-strip.v235-top-strip svg{width:13px!important;height:13px!important;stroke-width:1.7!important;color:#5e6c64!important}

  .v245-desktop-header{display:block!important;position:sticky!important;top:0!important;height:auto!important;background:rgba(5,8,6,.96)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;overflow:visible!important;z-index:192!important}
  .v245-desktop-header-inner{width:min(1480px,calc(100% - 64px))!important;height:78px!important;min-height:78px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;padding:0!important;background:transparent!important}
  .v245-header-primary{display:flex!important;align-items:center!important;gap:18px!important;min-width:0!important}
  .v245-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;padding-inline-end:5px!important}
  .v245-brand .v170-brand-logo{height:43px!important;width:auto!important;filter:none!important}

  .v245-main-nav{display:flex!important;align-items:center!important;gap:3px!important;min-width:max-content!important;white-space:nowrap!important}
  .v245-main-nav>a,.v245-categories-trigger{
    min-height:42px!important;padding:0 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#aab4ae!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-decoration:none!important;font:600 13px/1 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;cursor:pointer!important;transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }
  .v245-main-nav>a svg,.v245-categories-trigger>svg:first-child{width:16px!important;height:16px!important;stroke-width:1.85!important;color:#78847d!important;transition:color .18s ease!important}
  .v245-main-nav>a:hover,.v245-categories-trigger:hover,.v245-categories-trigger.is-open{background:rgba(255,255,255,.045)!important;color:#f1f6f3!important;transform:translateY(-1px)!important}
  .v245-main-nav>a:hover svg,.v245-categories-trigger:hover>svg:first-child,.v245-categories-trigger.is-open>svg:first-child{color:#b8c4bd!important}
  .v245-main-nav>a.active{background:var(--v245-green-soft)!important;color:#dffff0!important;box-shadow:inset 0 0 0 1px rgba(34,232,111,.09)!important}
  .v245-main-nav>a.active svg{color:var(--v245-green)!important}
  .v245-category-chevron{width:13px!important;height:13px!important;margin-inline-start:-2px!important;color:#59645e!important;transition:transform .18s ease!important}
  .v245-categories-trigger.is-open .v245-category-chevron{transform:rotate(180deg)!important;color:var(--v245-green)!important}

  .v245-head-search{width:min(300px,23vw)!important;height:46px!important;margin-inline-start:auto!important;padding:0 12px!important;border:1px solid var(--v245-line)!important;border-radius:13px!important;background:#0a0f0c!important;display:flex!important;align-items:center!important;gap:10px!important;color:#79857e!important;text-decoration:none!important;box-shadow:none!important;transition:border-color .18s ease,background .18s ease,transform .18s ease!important}
  .v245-head-search:hover{background:#0d130f!important;border-color:rgba(255,255,255,.12)!important;transform:translateY(-1px)!important}
  .v245-head-search>svg{width:18px!important;height:18px!important;flex:0 0 auto!important;color:#6f7b74!important}
  .v245-head-search>span{display:grid!important;gap:1px!important;min-width:0!important;flex:1!important;line-height:1.15!important}
  .v245-head-search>span b{font-size:11.5px!important;font-weight:600!important;color:#a9b3ad!important}
  .v245-head-search>span small{font-size:9.5px!important;font-weight:400!important;color:#59655e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .v245-head-search kbd{font:500 10px/1 "IBM Plex Sans Arabic",sans-serif!important;color:#69756e!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:6px!important;background:#141a16!important;padding:4px 6px!important;box-shadow:none!important}

  .v245-header-actions{display:flex!important;align-items:center!important;gap:6px!important;min-width:max-content!important}
  .v245-icon-action{width:42px!important;height:42px!important;min-width:42px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#8e9a93!important;display:grid!important;place-items:center!important;transition:.18s ease!important}
  .v245-icon-action:hover{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.055)!important;color:#f0f5f2!important;transform:translateY(-1px)!important}
  .v245-icon-action svg{width:19px!important;height:19px!important;stroke-width:1.7!important}
  .v139-notification-dot{width:6px!important;height:6px!important;top:8px!important;right:8px!important;background:var(--v245-green)!important;border:1px solid #07100a!important;box-shadow:none!important}

  .v245-account-trigger{height:48px!important;min-width:146px!important;padding:0 9px!important;border:1px solid var(--v245-line)!important;border-radius:14px!important;background:#0a0f0c!important;display:flex!important;align-items:center!important;gap:9px!important;color:#d7ded9!important;box-shadow:none!important;transition:.18s ease!important}
  .v245-account-trigger:hover,.v245-account-trigger[aria-expanded="true"]{background:#0f1511!important;border-color:rgba(255,255,255,.12)!important;transform:translateY(-1px)!important}
  .v245-account-trigger .v139-account-avatar{width:32px!important;height:32px!important;border-radius:10px!important;background:rgba(34,232,111,.09)!important;color:var(--v245-green)!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
  .v245-account-trigger .v139-account-avatar svg{width:17px!important;height:17px!important;stroke-width:1.8!important}
  .v245-account-copy{display:grid!important;gap:2px!important;text-align:right!important;line-height:1.1!important;min-width:70px!important}
  .v245-account-copy b{font-size:11.5px!important;font-weight:650!important;color:#e7ece9!important}
  .v245-account-copy small{font-size:9.5px!important;font-weight:400!important;color:#68736c!important}
  .v245-account-trigger .v139-chevron{width:13px!important;height:13px!important;color:#59645e!important;margin-inline-start:auto!important}

  .v245-cart-link{height:48px!important;min-width:138px!important;padding:0 10px!important;border:1px solid rgba(34,232,111,.16)!important;border-radius:14px!important;background:rgba(34,232,111,.065)!important;color:#e8fff1!important;display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important;transition:.18s ease!important}
  .v245-cart-link:hover{background:rgba(34,232,111,.105)!important;border-color:rgba(34,232,111,.24)!important;transform:translateY(-1px)!important}
  .v245-cart-icon{width:32px!important;height:32px!important;border-radius:10px!important;background:rgba(34,232,111,.11)!important;display:grid!important;place-items:center!important;position:relative!important;flex:0 0 auto!important}
  .v245-cart-icon svg{width:17px!important;height:17px!important;color:var(--v245-green)!important;stroke-width:1.9!important}
  .v245-cart-link>span:last-child{display:grid!important;gap:2px!important;line-height:1.1!important}
  .v245-cart-link>span:last-child b{font-size:11.5px!important;font-weight:650!important;color:#e9fff1!important}
  .v245-cart-link>span:last-child small{font-size:9.5px!important;font-weight:400!important;color:#789684!important}
  .v245-cart-icon .cart-count{top:-6px!important;right:-6px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;background:var(--v245-green)!important;color:#041108!important;font-size:9px!important;font-weight:800!important;box-shadow:0 0 0 2px #090e0b!important}

  /* category mega menu */
  .v245-category-mega{position:absolute!important;top:78px!important;right:0!important;left:0!important;z-index:196!important;background:rgba(7,11,8,.98)!important;border-top:1px solid rgba(255,255,255,.045)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;box-shadow:0 26px 70px rgba(0,0,0,.36)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
  .v245-category-mega[hidden]{display:none!important}
  .v245-category-mega-inner{width:min(1480px,calc(100% - 64px))!important;margin:0 auto!important;min-height:210px!important;padding:24px 0 27px!important;display:grid!important;grid-template-columns:270px minmax(0,1fr) 155px!important;gap:25px!important;align-items:stretch!important}
  .v245-category-intro{padding:5px 10px 5px 0!important;display:flex!important;gap:13px!important;align-items:flex-start!important;border-inline-start:1px solid rgba(255,255,255,.06)!important}
  .v245-category-intro-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(34,232,111,.085)!important;color:var(--v245-green)!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
  .v245-category-intro-icon svg{width:18px!important;height:18px!important}
  .v245-category-intro div{display:grid!important;gap:6px!important}
  .v245-category-intro small{font-size:10px!important;color:#68766e!important;font-weight:600!important}
  .v245-category-intro b{font-size:17px!important;line-height:1.45!important;color:#f0f4f2!important;font-weight:650!important}
  .v245-category-intro p{margin:0!important;color:#79857e!important;font-size:11px!important;line-height:1.7!important}
  .v245-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .v245-category-grid>a{min-height:72px!important;padding:10px 11px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:13px!important;background:#0c120e!important;color:inherit!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;gap:10px!important;align-items:center!important;text-decoration:none!important;transition:.18s ease!important}
  .v245-category-grid>a:hover{background:#101812!important;border-color:rgba(34,232,111,.14)!important;transform:translateY(-1px)!important}
  .v245-category-grid>a>span{width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;color:#aeb9b2!important;display:grid!important;place-items:center!important}
  .v245-category-grid>a>span svg{width:18px!important;height:18px!important;stroke-width:1.75!important}
  .v245-category-grid>a>div{display:grid!important;gap:3px!important;min-width:0!important}
  .v245-category-grid>a b{font-size:12px!important;color:#e3e9e5!important;font-weight:650!important}
  .v245-category-grid>a small{font-size:9.5px!important;color:#69746e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .v245-category-grid>a>svg{width:15px!important;height:15px!important;color:#4f5a53!important}
  .v245-category-all{align-self:stretch!important;min-height:100%!important;padding:14px!important;border-radius:13px!important;background:linear-gradient(155deg,rgba(34,232,111,.105),rgba(34,232,111,.035))!important;border:1px solid rgba(34,232,111,.15)!important;color:#dfffea!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:25px!important;transition:.18s ease!important}
  .v245-category-all:hover{background:linear-gradient(155deg,rgba(34,232,111,.15),rgba(34,232,111,.055))!important;transform:translateY(-1px)!important}
  .v245-category-all span{display:grid!important;gap:9px!important;font-size:12px!important;font-weight:650!important}
  .v245-category-all span svg{width:20px!important;height:20px!important;color:var(--v245-green)!important}
  .v245-category-all>svg{align-self:flex-end!important;width:18px!important;height:18px!important;color:#87b99a!important}

  /* richer account popover */
  .v245-account-menu{top:calc(100% + 10px)!important;left:0!important;width:274px!important;min-width:274px!important;padding:8px!important;border-radius:16px!important;background:#0b100d!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 24px 65px rgba(0,0,0,.48)!important;overflow:hidden!important}
  .v245-account-menu-head{min-height:62px!important;padding:8px 9px 11px!important;margin-bottom:5px!important;border-bottom:1px solid rgba(255,255,255,.065)!important;display:flex!important;align-items:center!important;gap:10px!important}
  .v245-account-menu-head>span{width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(34,232,111,.09)!important;color:var(--v245-green)!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
  .v245-account-menu-head svg{width:18px!important;height:18px!important}
  .v245-account-menu-head>div{display:grid!important;gap:3px!important}
  .v245-account-menu-head b{font-size:12px!important;color:#eef3f0!important;font-weight:650!important}
  .v245-account-menu-head small{font-size:9.5px!important;color:#66726b!important}
  .v245-account-menu>a,.v245-account-menu>button{min-height:49px!important;padding:7px 9px!important;border-radius:10px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;text-align:right!important;color:#aeb8b2!important;background:transparent!important;border:0!important;border-top:0!important;margin:0!important;font-family:"IBM Plex Sans Arabic","Tajawal",sans-serif!important}
  .v245-account-menu>a:hover,.v245-account-menu>button:hover{background:rgba(255,255,255,.04)!important;color:#eef3f0!important}
  .v245-account-menu>a>svg,.v245-account-menu>button>svg{width:16px!important;height:16px!important;color:#69756e!important;margin:0 auto!important}
  .v245-account-menu>a>span,.v245-account-menu>button>span{display:grid!important;gap:2px!important}
  .v245-account-menu>a b,.v245-account-menu>button b{font-size:11px!important;font-weight:600!important;color:inherit!important}
  .v245-account-menu>a small,.v245-account-menu>button small{font-size:9px!important;font-weight:400!important;color:#5e6962!important}
  .v245-account-menu>button.danger{margin-top:5px!important;border-top:1px solid rgba(255,255,255,.055)!important;border-radius:8px!important;color:#e09292!important;padding-top:8px!important}
  .v245-account-menu>button.danger svg{color:#aa6767!important}
}

@media (min-width:1024px) and (max-width:1250px){
  .v245-desktop-header-inner{width:calc(100% - 34px)!important;gap:13px!important}
  .v245-header-primary{gap:10px!important}
  .v245-main-nav>a,.v245-categories-trigger{padding-inline:9px!important;font-size:12px!important}
  .v245-main-nav>a svg,.v245-categories-trigger>svg:first-child{display:none!important}
  .v245-head-search{width:205px!important}
  .v245-head-search>span small{display:none!important}
  .v245-account-trigger{min-width:114px!important}
  .v245-account-copy small,.v245-cart-link>span:last-child small{display:none!important}
  .v245-cart-link{min-width:100px!important}
  .v245-category-mega-inner{width:calc(100% - 34px)!important;grid-template-columns:230px minmax(0,1fr) 135px!important;gap:16px!important}
}

/* =========================================================
   MOBILE — app-style navigation from ecommerce mobile kits
   ========================================================= */
@media (max-width:1023px){
  body.menu-open{overflow:hidden!important;touch-action:none!important}
  .site-header{position:sticky!important;top:0!important;z-index:170!important;background:#050806!important}
  .site-header>.top-strip{display:none!important}
  .v245-mobile-header{height:64px!important;min-height:64px!important;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))!important;border-bottom:1px solid rgba(255,255,255,.045)!important;background:rgba(5,8,6,.965)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .v245-mobile-brand{height:54px!important;min-width:118px!important}
  .v245-mobile-brand img{height:39px!important;width:auto!important;filter:none!important}
  .v245-mobile-header__left,.v245-mobile-header__right{gap:5px!important}
  .v245-mobile-action{position:relative!important;width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.035)!important;background:rgba(255,255,255,.018)!important;color:#929e97!important;transition:.16s ease!important}
  .v245-mobile-action:active{transform:scale(.95)!important;background:rgba(255,255,255,.05)!important;color:#eaf2ed!important}
  .v245-mobile-action svg{width:21px!important;height:21px!important;stroke-width:1.75!important}
  .v245-menu-button{background:rgba(34,232,111,.07)!important;border-color:rgba(34,232,111,.10)!important;color:#a4cbb2!important}
  .v245-mobile-dot{position:absolute!important;top:8px!important;right:8px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--v245-green)!important;box-shadow:0 0 0 2px #090d0a!important}

  .v245-menu-scrim{position:fixed!important;inset:0!important;z-index:246!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;opacity:1!important}
  .v245-menu-scrim[hidden]{display:none!important}

  .v245-mobile-menu{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(91vw,390px)!important;max-width:390px!important;height:100dvh!important;max-height:100dvh!important;padding:0 0 calc(18px + env(safe-area-inset-bottom))!important;border:0!important;border-inline-start:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:#080c09!important;box-shadow:-28px 0 80px rgba(0,0,0,.55)!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;z-index:250!important;transform:translateX(104%)!important;opacity:.98!important;visibility:hidden!important;transition:transform .28s cubic-bezier(.22,.8,.28,1),visibility .28s ease!important}
  .v245-mobile-menu.show{transform:translateX(0)!important;opacity:1!important;visibility:visible!important}
  .v245-mobile-menu-head{position:sticky!important;top:0!important;z-index:3!important;min-height:76px!important;margin:0!important;padding:12px 14px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:rgba(8,12,9,.96)!important;backdrop-filter:blur(16px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  .v245-mobile-menu-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
  .v245-mobile-menu-brand img{width:72px!important;height:auto!important;max-height:34px!important;object-fit:contain!important}
  .v245-mobile-menu-brand>span{display:grid!important;gap:2px!important;min-width:0!important;line-height:1.1!important}
  .v245-mobile-menu-brand b{font:650 11.5px/1.1 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;color:#edf2ef!important}
  .v245-mobile-menu-brand small{font:400 9px/1.25 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;color:#637068!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .v245-mobile-menu-head>button{width:38px!important;height:38px!important;min-width:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;color:#8f9b94!important;display:grid!important;place-items:center!important;padding:0!important}
  .v245-mobile-menu-head>button svg{width:19px!important;height:19px!important;stroke-width:1.75!important}

  .v245-menu-search{margin:13px 14px 8px!important;min-height:56px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:15px!important;background:#0e1410!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important}
  .v245-menu-search>svg{width:19px!important;height:19px!important;color:#647069!important;stroke-width:1.75!important}
  .v245-menu-search>a{display:grid!important;gap:2px!important;padding:9px 0!important;border:0!important;background:transparent!important;text-decoration:none!important;color:inherit!important}
  .v245-menu-search>a span{font:600 11px/1.2 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;color:#b9c2bd!important}
  .v245-menu-search>a small{font:400 9px/1.2 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;color:#59645e!important}
  .v245-menu-search kbd{font:500 9px/1 "IBM Plex Sans Arabic",sans-serif!important;padding:4px 6px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:6px!important;background:#171d19!important;color:#657169!important}

  .v245-menu-quick{margin:7px 14px 15px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .v245-menu-quick>a{position:relative!important;min-width:0!important;min-height:74px!important;padding:9px 4px 7px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;background:#0c120e!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#aeb8b2!important;text-decoration:none!important;text-align:center!important}
  .v245-menu-quick>a:active{background:#111913!important;transform:scale(.98)!important}
  .v245-menu-quick>a>span{width:31px!important;height:31px!important;border-radius:10px!important;background:rgba(34,232,111,.075)!important;color:#83c59a!important;display:grid!important;place-items:center!important}
  .v245-menu-quick>a:nth-child(2)>span{background:rgba(255,190,80,.07)!important;color:#d0a75d!important}
  .v245-menu-quick>a:nth-child(3)>span{background:rgba(106,163,255,.07)!important;color:#85a8db!important}
  .v245-menu-quick>a:nth-child(4)>span{background:rgba(214,127,255,.06)!important;color:#b18ccb!important}
  .v245-menu-quick svg{width:16px!important;height:16px!important;stroke-width:1.8!important}
  .v245-menu-quick b{font:600 10px/1.2 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;color:#aeb8b2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  .v245-menu-quick em.cart-count{position:absolute!important;top:5px!important;left:5px!important;right:auto!important;min-width:16px!important;height:16px!important;border-radius:99px!important;background:var(--v245-green)!important;color:#041008!important;font:800 8px/16px sans-serif!important;font-style:normal!important}

  .v245-menu-groups{display:grid!important;gap:14px!important;padding:0 14px 13px!important}
  .v245-menu-group{display:grid!important;gap:7px!important}
  .v245-menu-group h3{margin:0!important;padding:0 4px!important;color:#59645e!important;font:600 9.5px/1.3 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;letter-spacing:.01em!important}
  .v245-menu-group>div{display:grid!important;gap:3px!important;padding:4px!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:16px!important;background:#0a0f0c!important}
  .v245-mobile-menu .v245-menu-group a{min-height:52px!important;padding:7px 8px!important;border:0!important;border-radius:12px!important;background:transparent!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 17px!important;gap:9px!important;align-items:center!important;color:#aeb8b2!important;text-decoration:none!important;font-family:"IBM Plex Sans Arabic","Tajawal",sans-serif!important;transition:background .14s ease!important}
  .v245-mobile-menu .v245-menu-group a:active,.v245-mobile-menu .v245-menu-group a:hover{background:rgba(255,255,255,.035)!important;color:#e7ede9!important}
  .v245-mobile-menu .v245-menu-group a.is-active{background:rgba(34,232,111,.075)!important;color:#dfffea!important}
  .v245-menu-item-icon{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#7b8880!important;display:grid!important;place-items:center!important}
  .v245-menu-group a.is-active .v245-menu-item-icon{background:rgba(34,232,111,.11)!important;color:var(--v245-green)!important}
  .v245-menu-item-icon svg{width:17px!important;height:17px!important;stroke-width:1.75!important}
  .v245-menu-item-copy{display:grid!important;gap:2px!important;min-width:0!important;line-height:1.15!important}
  .v245-menu-item-copy b{font-size:11.5px!important;font-weight:600!important;color:inherit!important}
  .v245-menu-item-copy small{font-size:9.5px!important;font-weight:400!important;color:#59645e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .v245-menu-arrow{width:14px!important;height:14px!important;color:#3f4943!important;stroke-width:1.7!important}
  .v245-menu-group a.is-active .v245-menu-arrow{color:#679477!important}

  .v245-menu-legal{margin:0 14px!important;padding:14px 4px 3px!important;border-top:1px solid rgba(255,255,255,.05)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important}
  .v245-mobile-menu .v245-menu-legal a{padding:0!important;border:0!important;background:transparent!important;color:#505a54!important;text-decoration:none!important;font:500 8.8px/1.4 "IBM Plex Sans Arabic","Tajawal",sans-serif!important}

  /* Bottom app navigation */
  .mobile-bottom-nav.v245-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:165!important;height:calc(68px + env(safe-area-inset-bottom))!important;padding:5px max(7px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(7px,env(safe-area-inset-right))!important;border-top:1px solid rgba(255,255,255,.06)!important;background:rgba(7,11,8,.965)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 -16px 45px rgba(0,0,0,.24)!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:2px!important;transition:opacity .18s ease,transform .18s ease!important}
  body.menu-open .mobile-bottom-nav.v245-bottom-nav{opacity:0!important;transform:translateY(12px)!important;pointer-events:none!important}
  .v245-bottom-nav>a{position:relative!important;min-width:0!important;height:58px!important;padding:4px 2px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#67736c!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-decoration:none!important;font:550 9.5px/1 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;transition:.15s ease!important}
  .v245-bottom-icon{width:31px!important;height:29px!important;border-radius:10px!important;display:grid!important;place-items:center!important;position:relative!important;transition:.15s ease!important}
  .v245-bottom-icon svg{width:19px!important;height:19px!important;stroke-width:1.75!important}
  .v245-bottom-nav>a.active,.v245-bottom-nav>a.taqa-active,.v245-bottom-nav>a[aria-current="page"]{color:#bff7d0!important;background:transparent!important}
  .v245-bottom-nav>a.active .v245-bottom-icon,.v245-bottom-nav>a.taqa-active .v245-bottom-icon,.v245-bottom-nav>a[aria-current="page"] .v245-bottom-icon{background:rgba(34,232,111,.10)!important;color:var(--v245-green)!important}
  .v245-bottom-nav>a.active::after,.v245-bottom-nav>a.taqa-active::after,.v245-bottom-nav>a[aria-current="page"]::after{content:""!important;position:absolute!important;bottom:1px!important;width:14px!important;height:2px!important;border-radius:99px!important;background:var(--v245-green)!important;opacity:.7!important}
  .v245-bottom-cart .v245-bottom-icon{background:rgba(255,255,255,.035)!important;color:#7a8780!important}
  .v245-bottom-cart .cart-count{position:absolute!important;top:-3px!important;right:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;background:var(--v245-green)!important;color:#041008!important;font:800 8px/16px sans-serif!important;box-shadow:0 0 0 2px #080c09!important}
}

@media (max-width:360px){
  .v245-mobile-menu{width:94vw!important}
  .v245-menu-quick{gap:5px!important;margin-inline:10px!important}
  .v245-menu-search,.v245-menu-groups,.v245-menu-legal{margin-inline:10px!important}
  .v245-menu-groups{padding-inline:10px!important}
  .v245-mobile-menu-head{padding-inline:10px!important}
  .v245-mobile-menu-brand small{max-width:140px!important}
  .v245-bottom-nav>a{font-size:9px!important}
}

@media (prefers-reduced-motion:reduce){
  .v245-mobile-menu,.v245-main-nav>a,.v245-categories-trigger,.v245-head-search,.v245-icon-action,.v245-account-trigger,.v245-cart-link,.v245-category-grid>a,.v245-category-all,.v245-bottom-nav{transition:none!important}
}

@media (min-width:1024px){
  .v245-account-global-header{position:sticky!important;top:0!important;z-index:192!important;height:auto!important;background:rgba(5,8,6,.96)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}
  .v245-account-global-inner{width:min(1480px,calc(100% - 64px))!important;height:78px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;padding:0!important;background:transparent!important}
  .v245-account-global-inner .v245-header-primary{display:flex!important;align-items:center!important;gap:18px!important;min-width:0!important}
  .v245-account-global-inner .v245-main-nav{display:flex!important}
  .v245-account-global-inner .v245-header-actions{display:flex!important}
}
@media (min-width:1024px) and (max-width:1250px){
  .v245-account-global-inner{width:calc(100% - 34px)!important;gap:13px!important}
}

@media (min-width:1024px){
  body:not(.customer-auth-v130) .site-header{height:78px!important;min-height:78px!important;background:#050806!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
  .site-header>.top-strip.v235-top-strip{display:none!important}
}