/* Unified 4G Mobily header on every storefront page. */
#header{position:fixed!important;inset:0 0 auto 0;z-index:1050;width:100%;overflow:visible!important;background:#fff;box-shadow:0 5px 22px rgba(17,19,22,.1)}
#header .header-top{display:none!important}
#header .header-bottom{border:0!important;box-shadow:none!important}
#header .header-bottom__container{width:min(1400px,calc(100% - 32px));max-width:1400px;padding:0!important}
#header .header-bottom__row{min-height:82px;align-items:center!important;flex-wrap:nowrap!important;margin:0!important;gap:22px}
#header .header-bottom__logo{order:1;flex:0 0 auto!important;margin:0!important}
#header .header-bottom__logo .navbar-brand{width:96px!important;height:72px!important}
#header .header-bottom__logo img{width:88px!important;height:65px!important;object-fit:contain}
#header #_desktop_ps_searchbar{order:2;display:flex!important;align-items:center;flex:1 1 620px!important;width:auto!important;max-width:760px!important;margin:0!important}
#header #_desktop_ps_searchbar .ps-searchbar,#header #_desktop_ps_searchbar form{width:100%}
#header #_desktop_ps_searchbar .ps-searchbar__form{min-height:48px;border:1px solid #dcdfe4;border-radius:13px;background:#f6f7f9}
#header #_desktop_ps_searchbar .ps-searchbar__input{min-height:46px;padding-inline:18px 48px;font-size:14px}
#header #_desktop_ps_searchbar .ps-searchbar__magnifier{inset-inline-start:auto;inset-inline-end:15px;color:#ff5a0a}
#header .fourg-header-actions{order:3;align-items:center;justify-content:flex-end;gap:4px;margin-inline-start:auto;padding:0}
#header .fourg-header-actions>div{display:flex;align-items:center}
#header .fourg-header-actions .header-block__action-btn{display:flex;align-items:center;gap:5px;min-height:46px;padding:7px 10px;border-radius:10px;color:#202327!important;white-space:nowrap}
#header .fourg-header-actions .header-block__action-btn:hover{background:#fff1e8;color:#ff5a0a!important}
#header .fourg-header-actions .header-block__title{font-size:13px;font-weight:800}
#header .fourg-header-actions .header-block__icon{font-size:24px}
#header .fourg-header-actions .ps-shoppingcart .header-block{position:relative}
#header .ps-mainmenu--desktop{display:none!important}
#header .header-nav-full-width{display:block!important;padding:0 16px 9px;background:#fff;border-top:1px solid #f0f1f3}
#header .fourg-global-nav{width:min(1400px,100%);margin:auto;position:relative}
#header .fourg-global-nav .fourg-quicknav{min-height:54px;margin:0;padding:5px 7px;overflow:visible;border-radius:11px;box-shadow:0 5px 18px rgba(17,19,22,.04)}
#header .fourg-global-nav .fourg-quicknav>a{flex:1 1 auto;text-align:center}
#header .fourg-global-nav .fourg-quicknav__all{flex:0 0 auto}
#header .fourg-global-nav .fourg-quicknav__deal{flex:0 0 auto}
#header .fourg-global-nav .fourg-categories-menu{text-align:right;white-space:normal}
@media(max-width:991px) and (min-width:768px){#header .header-bottom__row{gap:10px}#header .header-bottom__logo .navbar-brand{width:78px!important}#header .fourg-header-actions .header-block__title{display:none!important}#header .fourg-global-nav .fourg-quicknav>a{padding-inline:8px;font-size:11px}}
@media(max-width:767px){
  #header:before{padding:6px 8px!important;font-size:9px!important}
  #header .header-bottom__container{width:100%;padding:0 10px!important;overflow:visible!important}
  #header .header-bottom__row{min-height:58px;gap:2px;overflow:visible!important}
  #header .header-bottom__logo{position:absolute!important;left:50%!important;top:50%!important;order:2;transform:translate(-50%,-50%)!important}
  #header .header-bottom__logo .navbar-brand{width:65px!important;height:52px!important}
  #header .header-bottom__logo img{width:61px!important;height:47px!important}
  #header .ps-mainmenu--desktop{display:flex!important;order:1;margin-inline-end:auto}
  #header #_desktop_ps_searchbar{display:none!important}
  #header .ps-searchbar--mobile{order:3!important}
  #header #_mobile_ps_customersignin{order:4!important}
  #header #_mobile_ps_shoppingcart{order:5!important}
  #header .header-nav-full-width{padding:0 8px 7px}
  #header .fourg-global-nav{width:100%;min-width:0}
  #header .fourg-global-nav .fourg-quicknav{display:flex!important;width:100%;min-height:45px;gap:2px;padding:4px;overflow-x:auto!important;overflow-y:visible!important;border-radius:9px}
  #header .fourg-global-nav .fourg-quicknav a,#header .fourg-global-nav .fourg-quicknav__all{flex:0 0 auto;padding:8px 11px;font-size:10px}
  #header .fourg-global-nav .fourg-categories-menu{position:fixed;top:116px;right:10px;left:10px;width:auto;max-height:calc(100vh - 135px);overflow-y:auto}
  #header .fourg-global-nav .fourg-categories-menu__grid{grid-template-columns:1fr}
}

/* Mobile drawer and app-style bottom navigation. */
.fourg-mobile-bottom-nav{display:none}
@media(max-width:767px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  #mobileMenu{width:min(90vw,390px);max-width:390px;background:#f6f7f9;direction:rtl}
  #mobileMenu .offcanvas-header{min-height:62px;padding:12px 16px;background:#fff;border-bottom:1px solid #eceef1}
  #mobileMenu .btn-close{margin:0 auto 0 0}
  #mobileMenu .ps-mainmenu__back-button{display:none!important}
  #mobileMenu .ps-mainmenu__mobile{display:block!important;flex:1 1 auto;overflow-y:auto;padding:16px}
  #mobileMenu .ps-mainmenu__additionnals{display:none!important}
  .fourg-mobile-drawer{display:flex;flex-direction:column;gap:16px;color:#181a1d}
  .fourg-mobile-drawer__brand{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#17191c,#272a2e);border-radius:18px;color:#fff}
  .fourg-mobile-drawer__brand img{width:64px;height:52px;object-fit:contain;border-radius:10px}
  .fourg-mobile-drawer__brand span{display:flex;flex-direction:column;gap:2px}
  .fourg-mobile-drawer__brand strong{font-size:18px;font-weight:900}
  .fourg-mobile-drawer__brand small{font-size:10px;color:rgba(255,255,255,.7)}
  .fourg-mobile-drawer__quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .fourg-mobile-drawer__quick a{display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border:1px solid #e5e7ea;border-radius:14px;background:#fff;color:#25282c!important;font-size:10px;font-weight:800}
  .fourg-mobile-drawer__quick i{color:#ff5a0a;font-size:24px}
  .fourg-mobile-drawer__title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 3px}
  .fourg-mobile-drawer__title span{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900}
  .fourg-mobile-drawer__title i{color:#ff5a0a;font-size:20px}
  .fourg-mobile-drawer__title small{font-size:9px;color:#7a7e84}
  .fourg-mobile-drawer__categories{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .fourg-mobile-drawer__categories a{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:68px;padding:9px;border:1px solid #e7e9ec;border-radius:14px;background:#fff;color:#202327!important}
  .fourg-mobile-drawer__categories>a>i:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff1e8;color:#ff5a0a;font-size:20px}
  .fourg-mobile-drawer__categories>a>i:last-child{font-size:16px;color:#a0a3a8}
  .fourg-mobile-drawer__categories span{display:flex;min-width:0;flex-direction:column;gap:1px}
  .fourg-mobile-drawer__categories b{overflow:hidden;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
  .fourg-mobile-drawer__categories small{overflow:hidden;font-size:8px;color:#858990;text-overflow:ellipsis;white-space:nowrap}
  .fourg-mobile-drawer__offer{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:13px;border-radius:16px;background:#ff5a0a;color:#fff!important}
  .fourg-mobile-drawer__offer>i:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18)}
  .fourg-mobile-drawer__offer span{display:flex;flex-direction:column}
  .fourg-mobile-drawer__offer b{font-size:13px;font-weight:900}
  .fourg-mobile-drawer__offer small{font-size:9px;color:rgba(255,255,255,.78)}
  .fourg-mobile-drawer__offer>i:last-child{font-size:19px}
  .fourg-mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:1040;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));direction:rtl;width:100vw;min-width:0;min-height:68px;padding:6px 5px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #e6e8eb;background:rgba(255,255,255,.97);box-shadow:0 -8px 28px rgba(17,19,22,.1);backdrop-filter:blur(16px)}
  .fourg-mobile-bottom-nav a{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;border-radius:13px;color:#555b62!important;text-align:center}
  .fourg-mobile-bottom-nav a>i,.fourg-mobile-bottom-nav__icon>i{font-size:23px;line-height:1}
  .fourg-mobile-bottom-nav a>span:last-child{overflow:hidden;width:100%;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
  .fourg-mobile-bottom-nav a.is-active{background:#fff1e8;color:#ff5a0a!important}
  .fourg-mobile-bottom-nav__icon{position:relative;display:inline-flex;line-height:1}
  .fourg-mobile-bottom-nav__icon b{position:absolute;top:-8px;right:-10px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:10px;background:#ff5a0a;color:#fff;font-family:var(--fourg-font,Arial,sans-serif);font-size:9px;font-weight:800}
  .fourg-mobile-bottom-nav__icon b.is-empty{display:none}
}