/* RC62: one purchase toolbar; the visible panel consumes only the remaining height.
   Scoped to shoppers so merchant operations keep their existing layout. */
html body[data-ikatu-app=mercadito]:not([data-business-mode]) #workspace {
  display:flex; flex-direction:column; min-height:0; height:100%; overflow:hidden;
}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) :is(#catalogPanel,#shoppingWorkspace,#ordersPanel) {
  flex:1 1 0; height:auto; min-height:0; min-width:0;
}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-navigation {
  box-sizing:border-box; display:flex; flex-wrap:nowrap; align-items:center; gap:10px;
  flex:0 0 auto; width:100%; max-width:1200px; margin:0 auto;
  padding:6px 28px; min-height:56px; background:var(--surface); border-bottom:1px solid var(--line);
}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-heading {margin-right:auto; font-size:14px; white-space:nowrap;}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-navigation button {
  flex:0 0 auto; min-height:44px; margin:0; padding:8px 12px; white-space:nowrap; font-size:13px;
}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-active {
  border:0; background:transparent; color:var(--brand); text-decoration:underline; text-underline-offset:3px;
}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-active strong {font-weight:500; margin:0;}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-active[hidden] {display:none;}
/* Retain the catalog's accessible heading without a vacant visual band. */
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .catalog-heading {
  position:absolute; width:1px; height:1px; min-height:0; padding:0!important;
  margin:-1px; overflow:hidden; clip-path:inset(50%); border:0; white-space:nowrap;
}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .catalog-heading>div {display:block;}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) :is(.catalog-controls,.catalog-categories,.catalog-status,#pinnedSearches) {flex-shrink:0;}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .catalog-categories {padding-block:6px;}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) .catalog-scroll {
  flex:1 1 0; min-height:0; overflow-y:auto; overflow-x:hidden; overflow-anchor:none;
  scroll-padding-block:8px; padding-top:8px!important;
}
html body[data-ikatu-app=mercadito]:not([data-business-mode]) #pinnedSearches:empty {display:none;}
@media(max-width:760px) {
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-navigation {padding:4px 12px; gap:8px; min-height:52px;}
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-navigation :is(.purchase-heading,.purchase-active) {display:none;}
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) .purchase-navigation>button:not(.purchase-active) {flex:1 1 0; min-width:0; padding-inline:8px;}
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) .catalog-controls {gap:6px; padding:6px 12px;}
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) .catalog-search {min-width:0; flex-basis:100%;}
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) #catalogFiltersButton {width:100%; min-height:44px; display:flex; align-items:center; gap:8px;}
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) #activeFilterCount {white-space:nowrap;}
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) .catalog-categories button {min-height:44px;}
  html body[data-ikatu-app=mercadito]:not([data-business-mode]) .visual-products {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-height:450px) {
  html body[data-ikatu-app=mercadito][data-touch-keyboard=open]:not([data-business-mode]) .purchase-navigation {display:none;}
}