/* Phase 20.5.15.2 — Critical Header CSS & FOUC Prevention Lock
   Locks header/logo/category/announcement geometry while full CSS is still loading. */
html.marketak-ui-booting,
html.marketak-ui-ready{overflow-x:hidden;background:#f3f7ff;}
body{overflow-x:hidden;}
.market-header{position:relative;z-index:40;width:100%;max-width:100%;min-width:0;isolation:isolate;background:#fff;}
.market-header *{box-sizing:border-box;min-width:0;}
.market-header img{max-width:100%;height:auto;}
.market-header .utility-strip{min-height:34px;background:#07152a;color:#eef6ff;display:flex;align-items:center;overflow:hidden;}
.market-header .utility-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.market-header .social-dots,.market-header .utility-links{display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:0;}
.market-header .utility-links{overflow:hidden;}
.market-header .utility-links a{font-weight:800;font-size:14px;line-height:1.2;}
.market-header .main-header{position:relative;width:100%;min-height:96px;padding:18px 0;background:linear-gradient(135deg,var(--header-start,#07162d),var(--header-mid,#2457f5),var(--header-end,#7c3aed));overflow:visible;}
.market-header .header-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(280px,520px) minmax(220px,1fr);align-items:center;gap:18px;width:100%;}
.market-header .brand{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;max-width:100%;font-weight:900;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;}
.market-header .brand-mark{width:78px;height:52px;min-width:78px;max-width:78px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 28px rgba(0,0,0,.18);}
.market-header .brand-mark.no-logo-box{background:transparent;border:0;box-shadow:none;}
.market-header .brand-mark img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
.market-header .brand span:last-child{display:block;min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;}
.market-header .global-search{width:100%;height:54px;display:flex;align-items:center;gap:8px;padding:6px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);overflow:visible;}
.market-header .global-search input{direction:rtl;text-align:right;width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font-weight:800;min-width:0;}
.market-header .global-search input::placeholder{color:rgba(255,255,255,.85);}
.market-header .global-search button{width:44px;height:44px;min-width:44px;border-radius:14px;border:0;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.12);cursor:pointer;}
.market-header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:100%;}
.market-header .head-icon,.market-header .seller-btn,.market-header .wallet-head-pill,.market-header .account-login-btn{height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:#fff;font-weight:900;line-height:1;white-space:nowrap;position:relative;}
.market-header .seller-btn{background:#111827;color:#fff;min-width:132px;}
.market-header .head-icon span.notification-badge,.market-header .cart-head span{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;line-height:20px;text-align:center;padding:0 5px;border:2px solid #fff;}
.market-header .icon-menu-holder{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;}
.market-header .mini-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:min(320px,92vw);max-height:70vh;overflow:auto;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);z-index:2147483200;background:#fff;color:#0f172a;border:1px solid rgba(148,163,184,.28);border-radius:20px;box-shadow:0 30px 90px rgba(2,8,23,.22);padding:10px;}
.market-header .icon-menu-holder:hover>.mini-menu,.market-header .icon-menu-holder:focus-within>.mini-menu,.market-header .mini-menu.open{visibility:visible;opacity:1;pointer-events:auto;transform:none;}
.market-header .category-bar{position:relative;z-index:30;min-height:58px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(148,163,184,.28);box-shadow:0 10px 32px rgba(15,23,42,.06);overflow:hidden;}
.market-header .category-nav{min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.market-header .category-nav::-webkit-scrollbar{display:none;}
.market-header .category-nav>a,.market-header .mega-holder>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:999px;color:#0f172a;font-weight:900;line-height:1.2;}
.market-header .mega-holder{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;}
.market-header .mega-menu,.market-header .mega-menu-v30{position:absolute;top:calc(100% + 10px);inset-inline-start:0;width:min(460px,92vw);max-height:70vh;overflow:auto;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);z-index:2147482800;background:#fff;border:1px solid rgba(148,163,184,.30);border-radius:22px;box-shadow:0 30px 90px rgba(2,8,23,.20);padding:14px;}
.market-header .mega-holder:hover>.mega-menu,.market-header .mega-holder:focus-within>.mega-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none;}
.marketak-announcement-ticker-v189515{position:relative;z-index:25;min-height:56px;width:100%;overflow:hidden;background:linear-gradient(90deg,var(--ann-bg-start,#fff7db),var(--ann-bg-end,#fff3c4));border-block:1px solid rgba(234,179,8,.30);color:var(--ann-text,#3b2a05);}
.marketak-announcement-ticker-v189515 .ann-inner{min-height:56px;display:flex;align-items:center;gap:14px;}
.marketak-announcement-ticker-v189515 .ann-icon,.marketak-announcement-ticker-v189515 .ann-action{flex:0 0 auto;}
.marketak-announcement-ticker-v189515 .ann-window{flex:1;min-width:0;overflow:hidden;}
.marketak-announcement-ticker-v189515 .ann-track{display:flex;align-items:center;gap:20px;white-space:nowrap;}
@media(max-width:980px){
  .market-header .utility-strip{display:none;}
  .market-header .main-header{min-height:178px;padding:16px 0;}
  .market-header .header-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;}
  .market-header .brand{order:1;flex:0 1 100%;justify-content:center;text-align:center;}
  .market-header .brand-mark{width:68px;height:48px;min-width:68px;max-width:68px;border-radius:16px;}
  .market-header .brand span:last-child{max-width:220px;font-size:18px;}
  .market-header .global-search{order:2;flex:1 1 100%;height:54px;max-width:100%;}
  .market-header .header-actions{order:3;flex:1 1 100%;justify-content:center;gap:8px;flex-wrap:wrap;}
  .market-header .head-icon,.market-header .seller-btn,.market-header .wallet-head-pill,.market-header .account-login-btn{height:44px;min-width:44px;border-radius:14px;padding:0 12px;}
  .market-header .seller-btn{min-width:130px;}
  .market-header .category-nav{justify-content:flex-start;padding-inline:10px;}
  .market-header .category-nav>a,.market-header .mega-holder>a{min-height:38px;padding:8px 12px;font-size:14px;}
  .marketak-announcement-ticker-v189515 .ann-inner{padding-inline:10px;}
}
@media(max-width:520px){
  .market-header .main-header{min-height:186px;padding:14px 0;}
  .market-header .brand{gap:8px;}
  .market-header .brand-mark{width:60px;height:42px;min-width:60px;max-width:60px;}
  .market-header .brand span:last-child{max-width:170px;font-size:16px;}
  .market-header .global-search{height:50px;border-radius:16px;}
  .market-header .global-search button{width:40px;height:40px;min-width:40px;}
  .market-header .header-actions{justify-content:center;}
  .market-header .head-icon,.market-header .seller-btn,.market-header .wallet-head-pill,.market-header .account-login-btn{height:42px;min-width:42px;font-size:13px;}
  .market-header .category-bar{min-height:54px;}
  .market-header .category-nav{min-height:54px;gap:8px;}
}