/*
 * Phase 20.5.15.18.26.2 — Header CTA Vertical Alignment & Final Topbar Polish Lock
 * Purpose: keep one clear public header source while fixing auth CTA clipping, search balance, and topbar height consistency.
 * Scope: .market-header only. No database, route, business, admin-sidebar, or page layout rules.
 */
.market-header{
  --bz-h261-gap:clamp(10px,1.15vw,20px);
  --bz-h261-brand-w:clamp(250px,21vw,380px);
  --bz-h261-actions-w:clamp(220px,24vw,390px);
  --bz-h261-blue:#2457f5;
  --bz-h261-dark:#07162d;
  --bz-h261-purple:#7c3aed;
  position:relative;
  z-index:40;
  width:100%;
  max-width:100%;
  min-width:0;
  isolation:isolate;
  background:#fff;
}
.market-header,
.market-header *{box-sizing:border-box;min-width:0}
.market-header img{max-width:100%;height:auto}
.market-header .main-header{
  position:relative;
  width:100%;
  min-height:104px;
  padding-block:18px;
  background:linear-gradient(135deg,var(--header-start,var(--bz-h261-dark)),var(--header-mid,var(--bz-h261-blue)),var(--header-end,var(--bz-h261-purple)));
  overflow:hidden;
  isolation:isolate;
}
.market-header .main-header::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:rgba(255,255,255,.16);pointer-events:none}
.market-header .header-grid{
  position:relative;
  z-index:1;
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(220px,var(--bz-h261-actions-w)) minmax(360px,1fr) minmax(250px,var(--bz-h261-brand-w));
  grid-template-areas:"actions search brand";
  align-items:center;
  gap:var(--bz-h261-gap);
  width:100%;
  max-width:100%;
}
.market-header .brand.premium-brand{
  grid-area:brand;
  direction:rtl;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:100%;
  max-width:100%;
  min-height:62px;
  padding:7px 9px;
  border-radius:20px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 14px 34px rgba(2,8,23,.14);
  overflow:hidden;
  color:#fff;
  text-align:right;
  white-space:nowrap;
  line-height:1.2;
  font-weight:900;
}
.market-header .brand.premium-brand .brand-mark{
  order:1;
  flex:0 0 82px;
  width:82px;
  min-width:82px;
  max-width:82px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border-radius:17px;
  background:rgba(2,8,23,.22);
  border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 22px rgba(2,8,23,.18);
  overflow:hidden;
}
.market-header .brand.premium-brand .brand-mark.no-logo-box{background:rgba(255,255,255,.14)}
.market-header .brand.premium-brand .brand-mark img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}
.market-header .brand.premium-brand>span:last-child{
  order:2;
  display:block;
  flex:1 1 auto;
  min-width:0;
  max-width:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:clamp(17px,1.35vw,23px);
  font-weight:1000;
  line-height:1.35;
  padding-block:2px;
  color:#fff;
}
.market-header .global-search{
  grid-area:search;
  direction:rtl;
  width:100%;
  max-width:760px;
  height:54px;
  justify-self:center;
  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);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 30px rgba(2,8,23,.10);
  overflow:visible;
  z-index:2;
}
.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;
  font-size:15px;
  line-height:1.3;
}
.market-header .global-search input::placeholder{color:rgba(255,255,255,.85)}
.market-header .global-search button{
  flex:0 0 auto;
  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{
  grid-area:actions;
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:8px;
  width:100%;
  max-width:100%;
  overflow:visible;
  z-index:3;
}
.market-header .header-actions .icon-menu-holder,
.market-header .header-actions .head-icon,
.market-header .header-actions .wallet-head-pill,
.market-header .header-actions .seller-btn,
.market-header .header-actions .account-login-btn{flex:0 0 auto}
.market-header .head-icon,
.market-header .seller-btn,
.market-header .wallet-head-pill,
.market-header .account-login-btn{
  height:46px;
  min-width:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border-radius:15px;
  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 .wallet-head-pill b,
.market-header .wallet-head-label,
.market-header .theme-label,
.market-header .login-word{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.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{
  direction:rtl;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  max-width:100%;
  padding-block:8px;
  white-space:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline proximity;
  scrollbar-width:thin;
}
.market-header .category-nav::-webkit-scrollbar{height:6px;display:block}
.market-header .category-nav::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18);border-radius:999px}
.market-header .category-nav>a,
.market-header .mega-holder{flex:0 0 auto;scroll-snap-align:start}
.market-header .category-nav>a,
.market-header .mega-holder>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  min-width:max-content;
  padding:8px 14px;
  border-radius:999px;
  color:#0f172a;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
}
@media (max-width:1280px){
  .market-header .header-grid{grid-template-columns:minmax(210px,300px) minmax(320px,1fr) minmax(235px,320px);gap:14px}
  .market-header .global-search{max-width:650px}
  .market-header .brand.premium-brand .brand-mark{flex-basis:76px;width:76px;min-width:76px;max-width:76px;height:50px}
  .market-header .brand.premium-brand>span:last-child{font-size:18px}
  .market-header .header-actions{gap:7px}
  .market-header .head-icon,.market-header .seller-btn,.market-header .wallet-head-pill,.market-header .account-login-btn{height:44px;min-width:44px;padding-inline:11px}
}
@media (max-width:1100px){
  .market-header .utility-strip{display:none}
  .market-header .main-header{min-height:156px;padding-block:14px}
  .market-header .header-grid{grid-template-columns:minmax(0,1fr) minmax(235px,340px);grid-template-areas:"actions brand" "search search";gap:11px}
  .market-header .brand.premium-brand{justify-self:end;max-width:340px;min-height:60px}
  .market-header .header-actions{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none}
  .market-header .header-actions::-webkit-scrollbar{display:none}
  .market-header .global-search{max-width:100%;height:52px}
  .market-header .category-nav{justify-content:flex-start;padding-inline:12px}
}
@media (max-width:780px){
  .market-header .main-header{min-height:198px}
  .market-header .header-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "search" "actions";gap:10px}
  .market-header .brand.premium-brand{justify-self:center;width:min(100%,360px);max-width:360px}
  .market-header .header-actions{justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto;padding-inline:2px}
  .market-header .seller-btn{min-width:auto}
  .market-header .category-nav{justify-content:flex-start;min-height:56px;gap:8px;padding-inline:10px}
  .market-header .category-nav>a,.market-header .mega-holder>a{font-size:14px;padding-inline:12px}
}
@media (max-width:520px){
  .market-header .main-header{min-height:196px;padding-block:12px}
  .market-header .brand.premium-brand{min-height:56px;padding:6px 7px;border-radius:18px}
  .market-header .brand.premium-brand .brand-mark{flex-basis:68px;width:68px;min-width:68px;max-width:68px;height:46px;border-radius:15px}
  .market-header .brand.premium-brand>span:last-child{font-size:16px;line-height:1.4}
  .market-header .global-search{height:48px;border-radius:16px}
  .market-header .global-search button{width:38px;height:38px;min-width:38px}
  .market-header .head-icon,.market-header .seller-btn,.market-header .wallet-head-pill,.market-header .account-login-btn{height:40px;min-width:40px;padding-inline:10px}
  .market-header .category-nav{padding-inline:8px}
  .market-header .category-nav>a,.market-header .mega-holder>a{min-height:38px;padding:8px 11px}
}
@media (max-width:380px){
  .market-header .brand.premium-brand{width:100%}
  .market-header .brand.premium-brand .brand-mark{flex-basis:62px;width:62px;min-width:62px;max-width:62px;height:42px}
  .market-header .brand.premium-brand>span:last-child{font-size:15px}
  .market-header .theme-label,.market-header .login-word,.market-header .wallet-head-label{display:none}
}


/* Phase 20.5.15.18.26.2 — Final Topbar Polish: CTA clipping repair, search fine-tuning, and height consistency. */
.market-header .header-actions{
  align-items:center;
  min-height:50px;
  gap:9px;
}
.market-header .head-icon,
.market-header .seller-btn,
.market-header .wallet-head-pill,
.market-header .account-login-btn{
  height:48px;
  min-height:48px;
  line-height:1.35;
  padding-block:0;
  vertical-align:middle;
  overflow:visible;
}
.market-header .head-icon.account-login-btn,
.market-header .account-login-btn{
  min-width:142px;
  max-width:none;
  padding-inline:14px;
  gap:8px;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  overflow:visible;
}
.market-header .account-login-btn span,
.market-header .head-icon.account-login-btn span,
.market-header .account-login-ico,
.market-header .login-word{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.35;
  min-height:1.35em;
  margin:0;
  padding:0;
  transform:none;
  vertical-align:middle;
}
.market-header .login-word{
  max-width:none;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
  font-size:14px;
  font-weight:950;
  letter-spacing:0;
  padding-top:1px;
}
.market-header .account-login-ico{
  flex:0 0 22px;
  width:22px;
  height:22px;
  line-height:1;
  font-size:14px;
}
.market-header .seller-btn,
.market-header .wallet-head-pill{
  align-items:center;
  justify-content:center;
  line-height:1.35;
}
.market-header .global-search{
  max-width:640px;
  height:54px;
  align-items:center;
  justify-self:center;
}
.market-header .global-search input{
  display:flex;
  align-items:center;
  line-height:1.35;
  padding-block:0;
  padding-inline:10px;
}
.market-header .global-search button{
  align-self:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  min-width:44px;
  line-height:1;
}
@media (min-width:1101px){
  .market-header .header-grid{
    grid-template-columns:minmax(270px,clamp(270px,24vw,390px)) minmax(360px,1fr) minmax(250px,clamp(250px,21vw,380px));
  }
  .market-header .header-actions{justify-content:flex-start;overflow:visible;}
}
@media (max-width:1280px){
  .market-header .head-icon,
  .market-header .seller-btn,
  .market-header .wallet-head-pill,
  .market-header .account-login-btn{height:46px;min-height:46px;}
  .market-header .head-icon.account-login-btn,
  .market-header .account-login-btn{min-width:132px;padding-inline:12px;}
  .market-header .global-search{max-width:600px;}
}
@media (max-width:1100px){
  .market-header .header-actions{min-height:48px;align-items:center;}
  .market-header .head-icon,
  .market-header .seller-btn,
  .market-header .wallet-head-pill,
  .market-header .account-login-btn{height:46px;min-height:46px;}
  .market-header .head-icon.account-login-btn,
  .market-header .account-login-btn{min-width:132px;}
  .market-header .global-search{max-width:100%;height:52px;}
}
@media (max-width:780px){
  .market-header .header-actions{min-height:46px;gap:8px;}
  .market-header .head-icon.account-login-btn,
  .market-header .account-login-btn{min-width:124px;}
  .market-header .login-word{font-size:13.5px;}
}
@media (max-width:520px){
  .market-header .head-icon,
  .market-header .seller-btn,
  .market-header .wallet-head-pill,
  .market-header .account-login-btn{height:42px;min-height:42px;line-height:1.3;}
  .market-header .head-icon.account-login-btn,
  .market-header .account-login-btn{min-width:112px;padding-inline:10px;}
  .market-header .login-word{font-size:13px;line-height:1.3;padding-top:0;}
  .market-header .account-login-ico{width:20px;height:20px;flex-basis:20px;font-size:13px;}
  .market-header .global-search{height:48px;max-width:100%;}
  .market-header .global-search button{width:38px;height:38px;min-width:38px;flex-basis:38px;}
}
@media (max-width:380px){
  .market-header .theme-label,
  .market-header .wallet-head-label{display:none;}
  .market-header .login-word{display:inline-flex;max-width:74px;overflow:hidden;text-overflow:ellipsis;}
  .market-header .head-icon.account-login-btn,
  .market-header .account-login-btn{min-width:94px;}
}