/* Final storefront layout. Match the actual nested header; keep business logic intact. */
.topbar {padding:12px 0!important;height:auto!important;min-height:0!important}
.topbar .shell.topbar-grid {
  display:grid!important;grid-template-columns:44px 150px minmax(140px,1fr) 84px 44px 44px!important;
  grid-template-areas:"menu brand search currency cart profile"!important;
  grid-template-rows:auto!important;align-items:center!important;gap:12px!important;
  width:min(1180px,calc(100% - 32px))!important;min-height:52px!important;height:auto!important;
  padding:0!important;margin:0 auto!important;
}
.topbar .topbar-grid>* {min-width:0!important;margin:0!important}
.topbar #menu-btn {grid-area:menu!important;position:static!important}
.topbar .brand {grid-area:brand!important;position:static!important;min-width:0!important;padding:0!important;justify-self:start!important}
.topbar .search-wrap {grid-area:search!important;display:block!important;position:static!important;width:100%!important;max-width:none!important;padding:0!important}
.topbar #search {box-sizing:border-box;width:100%!important;min-width:0!important;height:44px!important;margin:0!important;padding:10px 14px!important;border:1px solid #49434f;border-radius:14px;background:#101015;color:#fff;font-size:16px}
.topbar .currency-select {grid-area:currency!important;position:static!important;width:100%!important;padding:0!important}
.topbar .currency-select::before {display:none!important}
.topbar #currency {box-sizing:border-box;width:100%!important;min-width:0!important;height:44px!important;padding:0 8px!important;margin:0!important;font-size:14px!important}
.topbar #open-cart {grid-area:cart!important;position:relative!important}
.topbar #open-account {grid-area:profile!important;position:relative!important}
.topbar #menu-btn,.topbar #open-cart,.topbar #open-account {width:44px!important;min-width:0!important;height:44px!important;padding:0!important;justify-self:center}
.topbar #install-app:not([hidden]) {grid-column:1/-1;justify-self:end;padding:8px 14px}
.topbar #install-app[hidden] {display:none!important}
.products {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.products>* {min-width:0}
.zx-collection-caption {overflow-wrap:anywhere}
.zerox-ad-zone {max-width:960px;margin-inline:auto}
@media(min-width:761px) {
  .desktop-nav .nav-grid {display:flex!important;align-items:stretch;overflow-x:auto;gap:4px!important}
  .desktop-nav .nav-grid>* {flex:1 0 auto;padding-inline:12px;white-space:nowrap}
}
@media(min-width:651px) and (max-width:1023px) {
  .topbar .shell.topbar-grid {grid-template-columns:44px minmax(0,1fr) 84px 44px 44px!important;grid-template-areas:"menu brand currency cart profile" "search search search search search"!important;grid-template-rows:auto auto!important;gap:8px 12px!important}
  .products {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .zx-sub-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px) {
  .topbar {padding:8px 0!important}
  .topbar .shell.topbar-grid {width:calc(100% - 20px)!important;grid-template-columns:40px minmax(0,1fr) 62px 40px 40px!important;grid-template-areas:"menu brand currency cart profile" "search search search search search"!important;grid-template-rows:46px 42px!important;gap:8px 5px!important;min-height:0!important}
  .topbar #menu-btn,.topbar #open-cart,.topbar #open-account {width:40px!important;height:44px!important}
  .topbar .brand-main strong {font-size:clamp(22px,6.8vw,34px)!important}
  .topbar .brand-main i {font-size:clamp(25px,7.7vw,38px)!important}
  .topbar .brand>span {font-size:7px!important;letter-spacing:.35em!important;margin-top:5px!important}
  .topbar #search {height:42px!important}
  .products {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .zx-sub-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px) {
  .topbar .shell.topbar-grid {grid-template-columns:36px minmax(0,1fr) 56px 36px 36px!important;gap:6px 3px!important}
  .topbar #menu-btn,.topbar #open-cart,.topbar #open-account {width:36px!important}
  .products {grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce) {
  .zx-collection-art,.zx-collection-art::after,.zx-collection-aura,.zx-collection-particles {animation:none!important}
}

/* Compact Free Fire navigation and profile; shared across phone and desktop. */
#desktop-nav {display:none!important}
#freefire-menu .zx-sub-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#freefire-menu .zx-sub-grid>button {display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:16px;min-height:120px;padding:10px;text-align:left;border-radius:16px}
#freefire-menu .zx-sub-grid>button img {grid-column:1;grid-row:1/3;width:112px;height:100px;object-fit:contain;border-radius:12px;margin:0}
#freefire-menu .zx-sub-grid>button strong {align-self:end;font-size:20px;line-height:1.15;margin:0;padding:0}
#freefire-menu .zx-sub-grid>button span {align-self:start;font-size:14px;line-height:1.3;margin:7px 0 0;padding:0}
#freefire-menu,#catalogo,#zx-id-gate {scroll-margin-top:140px}
#account-modal.zx-profile-page {padding:16px!important;font-size:14px}
#account-modal.zx-profile-page .zx-profile-banner {height:90px!important;margin-top:10px}
#account-modal.zx-profile-page .zx-profile-bio {font-size:14px;line-height:1.4;margin:12px 4px}
#account-modal.zx-profile-page .account-stats {gap:10px;margin:12px 0}
#account-modal.zx-profile-page .account-stats>div {padding:10px}
#account-modal.zx-profile-page .account-stats b {font-size:20px}
#account-modal.zx-profile-page .zx-account-panel,#account-modal.zx-profile-page .zx-profile-info {padding:12px;margin-block:12px}
#account-modal.zx-profile-page .zx-panel-heading h3 {font-size:18px}
#account-modal.zx-profile-page .level-help {padding:12px;margin:12px 0;font-size:14px}
#account-modal.zx-profile-page .zx-profile-identity h3 {font-size:22px}
#account-modal.zx-profile-page .zx-profile-identity {font-size:14px}
#account-modal.zx-profile-page .zx-contact-form input {font-size:16px;padding:10px}
@media(max-width:650px){
  #freefire-menu .zx-sub-grid {grid-template-columns:minmax(0,1fr)}
  #freefire-menu .zx-sub-grid>button {grid-template-columns:90px minmax(0,1fr);min-height:102px;column-gap:12px}
  #freefire-menu .zx-sub-grid>button img {width:90px;height:82px}
  #freefire-menu .zx-sub-grid>button strong {font-size:19px}
  .whatsapp-floating {position:static!important;display:flex!important;width:44px!important;height:44px!important;margin:20px 16px 20px auto!important;transform:none!important}
}